prelodr实现按钮表单队列提交防重复提交效果代码
代码语言:html
所属分类:表单美化
代码描述:prelodr实现按钮表单队列提交防重复提交效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/prelodr.min.css"> <style> @import url("https://fonts.googleapis.com/css?family=Roboto:100,300"); html { position: absolute; display: table; width: 100%; height: 100%; overflow: hidden; } body { text-align: center; margin: 2em; font-family: "Roboto", sans-serif; background-color: #353a43; color: #fff; display: table-cell; width: 100%; overflow: hidden; height: 100%; vertical-align: middle; font-weight: 300; cursor: default; } h1 { font-size: 2.8em; margin-bottom: 0; font-weight: 100; } button { color: #353a43; background-color: #eee; padding: 0.3em 0.8em; border: 0; border-radius: 3px; font-size: 0.95em; cursor: pointer; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16), 0px 1px 5px 0px rgba(0, 0, 0, 0.2); border-bottom: solid 1px #353a43; -webkit-transition: all ease .3s; transition: all ease .3s; } button:hover, button:active { color: #486b93; background-color: #fff; } a { color: #B0B4BB; text-decoration: none; border-bottom: solid 1px #000A1B; } p { margin-bottom: 2em; color: #B0B4BB; } </sty.........完整代码请登录后点击上方下载按钮下载查看
网友评论0