CSS3订单提交按钮Loading代码.zip资源-CSDN文库

共2个文件

html：1个

jpg：1个

版权申诉

javascript

jQuery

html5

118 浏览量 2022-11-16 21:21:31 上传评论收藏 15KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

CSS3订单提交按钮Loading代码.zip （2个子文件）

CSS3订单提交按钮Loading代码

jiaoben4678

index.html 1KB

CSS3订单提交按钮Loading代码.jpg 23KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3订单提交按钮Loading代码 - 网页模板</title> <style> body{text-align: center} .grebtn{ display: inline-block; padding: 0.5em 1.25em; border: 1px solid; border-radius: 2px; vertical-align: bottom; font-weight: inherit; border-color: #208000 #1F7F00; background-color: #289600; box-shadow: inset 0 0 1px rgba(255,255,255,.6), 0 1px #8DBF62; color: #fff; text-shadow: 0 -1px #137900; margin: 100px auto; } dot { display: inline-block; height: 1em; line-height: 1; text-align: left; vertical-align: -.25em; overflow: hidden; } dot::before { display: block; content: '...\A..\A.'; white-space: pre-wrap; animation: dot 3s infinite step-start both; } @keyframes dot { 33% { transform: translateY(-2em); } 66% { transform: translateY(-1em); } } </style> </head> <body> <div class="grebtn">订单提交中<dot>...</dot></div> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉