css3 oading动画提交效果

2019-09-10 郑州网站建设  

<!DOCTYPE html>

<html lang="en">

<head>

         <meta charset="UTF-8">

         <title> css3 oading动画提交效果</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;


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1783.html转载请标明出处,谢谢合作!
标签:
  • HTML
  • Doctype
  • CSS3
  • h
  • !
  • Ч
  • oading