TGTool实现alert弹出框弹出层效果代码
代码语言:html
所属分类:弹出层
代码描述:TGTool实现alert弹出框弹出层效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!doctype html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/TGTool.css"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/TGTool.js"></script> <style> body { margin: 0; height: 100%; background-image: linear-gradient(to top, #d9afd9 0%, #97d9e1 100%); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .button_container { position: absolute; left: 0; right: 0; top: 30%; } .btn { border: none; display: block; text-align: center; cursor: pointer; text-transform: uppercase; outline: none; overflow: hidden; position: relative; color: #fff; font-weight: 700; font-size: 15px; background-color: #222; padding: 17px 60px; margin: 0 auto; box-shadow: 0 5px 15px rgba(0,0,0,0.20); margin-bottom: 20px; } .btn span { position: relative; z-index: 1; } .btn:after { content: ""; position: absolute; left: 0; top: 0; height: 490%; width: 140%; background: #78c7d2.........完整代码请登录后点击上方下载按钮下载查看
网友评论0