<form id="htvdb"></form>

            <form id="htvdb"><nobr id="htvdb"></nobr></form>

              <address id="htvdb"></address>

              <form id="htvdb"><form id="htvdb"><nobr id="htvdb"></nobr></form></form>
              <form id="htvdb"></form>


                    51rgb-css3动画22-谷歌表单登录框动画

                    分享 :

                    网盘下载链接:

                    提取密码: u4qi
                    复制提取密码
                    51RGB在线教育,WEB前端开发直播体验课,谷歌表单登录框动画!源码下载
                    • 详情
                      文件来源

                      官方发布

                      更新日期

                      2018-01-29

                      适用平台

                      All

                      系统位数

                      ALL

                      文件格式

                      zip

                      文件语言

                      中文

                      文件授权

                      免费

                      下载次数

                      1512次

                      源码,可以直接复制使用!

                      <!DOCTYPE html>
                      <html>
                      <head>
                      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
                          <title>Cards hover effect</title>
                      	<meta charset="utf-8" />
                          <link rel="stylesheet" href="cards.scss"/>
                          <style>
                              * { box-sizing:border-box; }
                      
                      /* basic stylings ------------------------------------------ */
                      body                 { background:url(https://scotch.io/wp-content/uploads/2014/07/61.jpg); }
                      .container      { 
                        font-family:'Roboto';
                        width:600px; 
                        margin:30px auto 0; 
                        display:block; 
                        background:#FFF;
                        padding:10px 50px 50px;
                      }
                      h2       { 
                        text-align:center; 
                        margin-bottom:50px; 
                      }
                      h2 small { 
                        font-weight:normal; 
                        color:#888; 
                        display:block; 
                      }
                      .footer     { text-align:center; }
                      .footer a  { color:#53B2C8; }
                      
                      /* form starting stylings ------------------------------- */
                      .group            { 
                        position:relative; 
                        margin-bottom:45px; 
                      }
                      input               {
                        font-size:18px;
                        padding:10px 10px 10px 5px;
                        display:block;
                        width:300px;
                        border:none;
                        border-bottom:1px solid #757575;
                      }
                      input:focus         { outline:none; }
                      
                      /* LABEL ======================================= */
                      label                {
                        color:#999; 
                        font-size:18px;
                        font-weight:normal;
                        position:absolute;
                        pointer-events:none;
                        left:5px;
                        top:10px;
                        transition:0.2s ease all; 
                        -moz-transition:0.2s ease all; 
                        -webkit-transition:0.2s ease all;
                      }
                      
                      /* active state */
                      input:focus ~ label, input:valid ~ label        {
                        top:-20px;
                        font-size:14px;
                        color:#5264AE;
                      }
                      
                      /* BOTTOM BARS ================================= */
                      .bar    { position:relative; display:block; width:300px; }
                      .bar:before, .bar:after     {
                        content:'';
                        height:2px; 
                        width:0;
                        bottom:1px; 
                        position:absolute;
                        background:#5264AE; 
                        transition:0.2s ease all; 
                        -moz-transition:0.2s ease all; 
                        -webkit-transition:0.2s ease all;
                      }
                      .bar:before {
                        left:50%;
                      }
                      .bar:after {
                        right:50%; 
                      }
                      
                      /* active state */
                      input:focus ~ .bar:before, input:focus ~ .bar:after {
                        width:50%;
                      }
                      
                      /* HIGHLIGHTER ================================== */
                      .highlight {
                        position:absolute;
                        height:60%; 
                        width:100px; 
                        top:25%; 
                        left:0;
                        pointer-events:none;
                        opacity:0.5;
                      }
                      
                      /* active state */
                      input:focus ~ .highlight {
                        -webkit-animation:inputHighlighter 0.3s ease;
                        -moz-animation:inputHighlighter 0.3s ease;
                        animation:inputHighlighter 0.3s ease;
                      }
                      
                      /* ANIMATIONS ================ */
                      @-webkit-keyframes inputHighlighter {
                          from { background:#5264AE; }
                        to    { width:0; background:transparent; }
                      }
                      @-moz-keyframes inputHighlighter {
                          from { background:#5264AE; }
                        to    { width:0; background:transparent; }
                      }
                      @keyframes inputHighlighter {
                          from { background:#5264AE; }
                        to    { width:0; background:transparent; }
                      }
                          </style>
                      </head>
                      <body>
                          <div class="container">
                        
                        <h2>Google Material Design in CSS3<small>Inputs</small></h2>
                        
                        <form>
                          
                          <div class="group">      
                            <input type="text" required>
                            <span class="highlight"></span>
                            <span class="bar"></span>
                            <label>Name</label>
                          </div>
                            
                          <div class="group">      
                            <input type="text" required>
                            <span class="highlight"></span>
                            <span class="bar"></span>
                            <label>Email</label>
                          </div>
                          
                        </form>
                            
                        <p class="footer">
                          网页设计自学平台<a href="www.51rgb.com">51rgb</a>
                        </p>
                        
                      </div>
                      </body>
                      </html>
                      
                      
                    • 使用说明

                      本节课视频资源:

                      课程在线回放地址:http://www.gonooa.com/login.html

                      关注微信公众号:网页设计自学平台 回复:【css3动画】关键字即可获取全套css3动画教程及源码

                    • 相关下载
                    北京赛车玩法和赔率|官网_首页 http://www.xiachufang.com/search/?keyword=那个网站上买彩票可靠a9840。com 复制登录 http://so.iqiyi.com/so/q_幸运飞艇pk10直播appa9840。com 复制登录 http://www.xiachufang.com/search/?keyword=彩票365还能买么a9840。com 复制登录 http://so.iqiyi.com/so/q_幸运飞艇的开奖时间a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=幸运飞艇团队在线计划a9840。com 复制登录 http://www.douban.com/search?q=淘彩票是什么a9840。com 复制登录 http://cn.engadget.com/tag/广东快乐十分怎么了28c63。com 复制登录 http://so.iqiyi.com/pps/?k=广东快乐十分钟私彩a9840。com 复制登录 http://www.douban.com/search?q=加拿大max彩票a9840。com 复制登录 http://www.youdao.com/w/利奥彩票有几个分台子a9840。com 复制登录 http://so.iqiyi.com/so/q_彩票上海快3开奖a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=幸运农场是什么彩票a9840。com 复制登录 http://www.douban.com/search?q=可以做华彩赢家彩票吗a9840。com 复制登录 http://cn.engadget.com/tag/全国最大彩票网app28c63。com 复制登录 http://so.iqiyi.com/pps/?k=幸运飞艇免费手机版计划a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=彩票概念股有哪些a9840。com 复制登录 http://www.youdao.com/w/重庆福彩幸运农场官方a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=现在有什么彩票软件a9840。com 复制登录 http://www.douban.com/search?q=彩票作弊软件a9840。com 复制登录 http://cn.engadget.com/tag/秒速赛车怎么看直播28c63。com 复制登录 http://so.iqiyi.com/pps/?k=彩票导航幸运飞艇a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=彩票登录路入口一a9840。com 复制登录 http://www.youdao.com/w/pk彩票iosa9840。com 复制登录 http://so.iqiyi.com/so/q_500彩票网体彩走势图a9840。com 复制登录 http://so.iqiyi.com/pps/?k=北京pk拾彩票a9840。com 复制登录 http://www.douban.com/search?q=天天幸运飞艇计划软件a9840。com 复制登录 http://www.youdao.com/w/北京pk10皇家彩世界a9840。com 复制登录 http://so.iqiyi.com/so/q_彩票可以去哪里买a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=幸运农场选六个号a9840。com 复制登录 http://www.douban.com/search?q=赛车pk10技巧a9840。com 复制登录 http://so.iqiyi.com/pps/?k=广东快乐十分开奖记录a9840。com 复制登录 http://www.douban.com/search?q=买彩票的经典句子a9840。com 复制登录 http://www.youdao.com/w/北京赛车pk10最新开奖记录a9840。com 复制登录 http://so.iqiyi.com/so/q_彩票占卜a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=幸运飞艇介绍a9840。com 复制登录 http://www.douban.com/search?q=w600彩票软件是真的吗a9840。com 复制登录 http://cn.engadget.com/tag/v98彩票网手机版登录口28c63。com 复制登录 http://so.iqiyi.com/pps/?k=重庆福彩幸运农场 开奖公告a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=99彩票网页登录a9840。com 复制登录 http://www.youdao.com/w/幸运飞艇一天开几期a9840。com 复制登录 http://cn.engadget.com/tag/彩票实战讲座28c63。com 复制登录 http://so.iqiyi.com/pps/?k=微信彩票欢乐钓鱼规律a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=pk10最好的方法a9840。com 复制登录 http://www.youdao.com/w/qq分分彩彩票查询a9840。com 复制登录 http://so.iqiyi.com/so/q_注册开户幸运飞艇a9840。com 复制登录 http://so.iqiyi.com/pps/?k=彩票登录路入口一a9840。com 复制登录 http://www.youdao.com/w/手机免费幸运飞艇计划a9840。com 复制登录 http://so.iqiyi.com/so/q_打彩票不给钱算什么a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=幸运农场开始时间a9840。com 复制登录 http://www.youdao.com/w/吉祥8彩票a9840。com 复制登录 http://cn.engadget.com/tag/新浪彩票官方网站28c63。com 复制登录 http://so.iqiyi.com/pps/?k=重庆福利彩票幸运农场走势图a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=pk10定胆杀a9840。com 复制登录 http://www.youdao.com/w/五星彩票是真的吗a9840。com 复制登录 http://so.iqiyi.com/so/q_幸运农场怎么玩法a9840。com 复制登录 http://so.iqiyi.com/pps/?k=北京pk10大富翁a9840。com 复制登录 http://www.youdao.com/w/做网络代购彩票合法吗a9840。com 复制登录 http://so.iqiyi.com/so/q_香港幸运农场a9840。com 复制登录 http://www.douban.com/search?q=彩票微信投注在哪a9840。com 复制登录 http://cn.engadget.com/tag/广东快乐十分绝招28c63。com 复制登录 http://so.iqiyi.com/pps/?k=幸运飞艇技巧心得最新a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=pk10析a9840。com 复制登录 http://www.youdao.com/w/彩票微信群可靠吗a9840。com 复制登录 http://cn.engadget.com/tag/北京赛车pk10的技巧28c63。com 复制登录 http://so.iqiyi.com/pps/?k=象彩票注册登陆官网a9840。com 复制登录 http://www.youdao.com/w/积分买彩票是否合法a9840。com 复制登录 http://so.iqiyi.com/so/q_时时彩幸运飞艇a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=开心100彩票是合法吗?a9840。com 复制登录 http://www.douban.com/search?q=北京pk10精准计划群a9840。com 复制登录 http://cn.engadget.com/tag/赛车pk10 特码28c63。com 复制登录 http://so.iqiyi.com/pps/?k=腾讯有彩票吗a9840。com 复制登录 http://www.douban.com/search?q=幸运农场号码走势图表a9840。com 复制登录 http://cn.engadget.com/tag/幸运飞艇技巧交流群28c63。com 复制登录 http://so.iqiyi.com/so/q_北京pk10赔a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=咋样在手机上买彩票a9840。com 复制登录 http://www.youdao.com/w/广东快乐十分改单平台a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=123幸运农场走势图a9840。com 复制登录 http://www.douban.com/search?q=一招必赢北京pk10a9840。com 复制登录 http://cn.engadget.com/tag/幸运农场是什么意思28c63。com 复制登录 http://so.iqiyi.com/pps/?k=幸运飞艇推荐a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=菲律宾1.5分彩票a9840。com 复制登录 http://www.youdao.com/w/北京福彩网幸运飞艇a9840。com 复制登录 http://cn.engadget.com/tag/天线宝宝彩票注册会员28c63。com 复制登录 http://so.iqiyi.com/pps/?k=三d彩票开奖一周号码a9840。com 复制登录 http://www.douban.com/search?q=新疆风采福利彩票网a9840。com 复制登录 http://cn.engadget.com/tag/天天爱彩票安全吗28c63。com 复制登录 http://so.iqiyi.com/pps/?k=全面彩票秒速赛车a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=北京pk10软件3码a9840。com 复制登录 http://www.youdao.com/w/千禧彩票手机备用版a9840。com 复制登录 http://so.iqiyi.com/so/q_陕西快乐十分走势下载a9840。com 复制登录 http://so.iqiyi.com/pps/?k=双色球预测专家500彩票网a9840。com 复制登录 http://www.douban.com/search?q=幸运飞艇六码公式a9840。com 复制登录 http://www.youdao.com/w/玖玖彩票网a9840。com 复制登录 http://so.iqiyi.com/so/q_重庆福彩幸运农场官方网站a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=看广东快乐十分开奖a9840。com 复制登录 http://www.douban.com/search?q=微信老板娘彩票可靠吗a9840。com 复制登录 http://cn.engadget.com/tag/大西洋彩票注册28c63。com 复制登录 http://so.iqiyi.com/so/q_彩票倍投技巧a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=哪个平台可以玩幸运飞艇a9840。com 复制登录 http://www.douban.com/search?q=福彩双色球彩票a9840。com 复制登录 http://cn.engadget.com/tag/幸运农场开奖图28c63。com 复制登录 http://so.iqiyi.com/so/q_pk10北京赛车直播a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=重庆幸运农场下注平台a9840。com 复制登录 http://www.douban.com/search?q=京东怎么买彩票a9840。com 复制登录 http://cn.engadget.com/tag/欧洲秒速赛车28c63。com 复制登录 http://so.iqiyi.com/so/q_pk10前2怎么做号a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=重庆幸运农场怎样选号a9840。com 复制登录 http://www.douban.com/search?q=比利时彩票开奖号a9840。com 复制登录 http://cn.engadget.com/tag/重庆幸运农场5红28c63。com 复制登录 http://so.iqiyi.com/so/q_彩票允许复制什么意思a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=幸运农场彩票开奖图a9840。com 复制登录 http://www.douban.com/search?q=会员登录一永利彩票a9840。com 复制登录 http://cn.engadget.com/tag/北京秒速赛车怎么玩28c63。com 复制登录 http://so.iqiyi.com/so/q_约彩彩票可靠吗?a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=福彩幸运农场开奖视频直播a9840。com 复制登录 http://www.douban.com/search?q=北京赛车杀号网址a9840。com 复制登录 http://cn.engadget.com/tag/玩幸运飞艇预测28c63。com 复制登录 http://so.iqiyi.com/so/q_福利彩票双色球2019018a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=幸运飞艇冷热走势图a9840。com 复制登录 http://www.douban.com/search?q=微信聊天买彩票a9840。com 复制登录 http://cn.engadget.com/tag/幸运飞艇最新群二维码28c63。com 复制登录 http://so.iqiyi.com/so/q_体育彩票怎么查询结果a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=幸运飞艇亚军人工计划a9840。com 复制登录 http://www.douban.com/search?q=彩票营销学a9840。com 复制登录 http://cn.engadget.com/tag/幸运飞艇免费参考图28c63。com 复制登录 http://so.iqiyi.com/so/q_广西风采福利彩票a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=幸运飞艇微信计划a9840。com 复制登录 http://www.douban.com/search?q=广东快乐十分走势图一a9840。com 复制登录 http://cn.engadget.com/tag/58同城彩票可靠吗28c63。com 复制登录 http://www.douban.com/search?q=cs彩票是什么a9840。com 复制登录 http://cn.engadget.com/tag/小米彩票被起诉28c63。com 复制登录 http://so.iqiyi.com/pps/?k=福利彩票预测a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=重庆幸运农场胆拖表a9840。com 复制登录 http://www.douban.com/search?q=合买彩票哪个好a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=pk10是什么游戏a9840。com 复制登录 http://www.youdao.com/w/乐赢彩票合法吗a9840。com 复制登录 http://so.iqiyi.com/so/q_重庆幸运农场稳赢技巧a9840。com 复制登录 http://so.iqiyi.com/pps/?k=如何代理pk10a9840。com 复制登录 http://www.douban.com/search?q=东方彩票集团a9840。com 复制登录 http://cn.engadget.com/tag/幸运农场平台注册28c63。com 复制登录 http://so.iqiyi.com/pps/?k=快钱彩票合不合法a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=中国最大的彩票公司a9840。com 复制登录 http://www.youdao.com/w/秒速时时彩是哪国的a9840。com 复制登录 http://so.iqiyi.com/so/q_pk10开奖a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=福利彩票双色球选号a9840。com 复制登录 http://www.youdao.com/w/秒速时时彩开奖网站a9840。com 复制登录 http://cn.engadget.com/tag/手机天天中彩票安全吗28c63。com 复制登录 http://so.iqiyi.com/pps/?k=福利彩票预测官方网a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=北京pk10机器人计划a9840。com 复制登录 http://www.youdao.com/w/网易推出人人中彩票a9840。com 复制登录 http://so.iqiyi.com/so/q_幸运农场3全中走势图a9840。com 复制登录 http://so.iqiyi.com/pps/?k=pk10稳赢公式a9840。com 复制登录 http://www.douban.com/search?q=pk10的龙虎是a9840。com 复制登录 http://so.iqiyi.com/pps/?k=谁知道秒速时时彩网址a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=北京pk10稳赢方法a9840。com 复制登录 http://www.youdao.com/w/东森平台a9840。com 复制登录 http://so.iqiyi.com/so/q_手机彩票筛选软件a9840。com 复制登录 http://so.iqiyi.com/pps/?k=澳门永利线上娱乐官网a9840。com 复制登录 http://www.douban.com/search?q=多乐网彩票警方赔钱么a9840。com 复制登录 http://cn.engadget.com/tag/代理广东快乐十分28c63。com 复制登录 http://so.iqiyi.com/pps/?k=幸运飞艇软件下载a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=哪种彩票是正规的?a9840。com 复制登录 http://www.youdao.com/w/幸运农场如何获得a9840。com 复制登录 http://so.iqiyi.com/pps/?k=彩票的追加是怎么回事a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=女子彩票中51亿a9840。com 复制登录 http://www.youdao.com/w/幸运飞艇2期人工计划a9840。com 复制登录 http://cn.engadget.com/tag/彩票合买图片28c63。com 复制登录 http://so.iqiyi.com/pps/?k=万彩彩票靠谱吗a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=彩票登录线路a9840。com 复制登录 http://www.youdao.com/w/998彩票a9840。com 复制登录 http://cn.engadget.com/tag/pk10官网下注28c63。com 复制登录 http://so.iqiyi.com/pps/?k=秒速快三a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=象彩票注册登陆官网a9840。com 复制登录 http://www.youdao.com/w/幸运飞艇走势图链接a9840。com 复制登录 http://cn.engadget.com/tag/中国体育彩票飞鱼28c63。com 复制登录 http://so.iqiyi.com/pps/?k=盛世幸运飞艇a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=76cp网站彩票真的?a9840。com 复制登录 http://www.douban.com/search?q=西红柿pk10a9840。com 复制登录 http://cn.engadget.com/tag/秒速赛车有什么网28c63。com 复制登录 http://so.iqiyi.com/pps/?k=幸运飞艇开奖记录a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=彩票修改器视频a9840。com 复制登录 http://www.douban.com/search?q=北京pk10开群怎么开a9840。com 复制登录 http://cn.engadget.com/tag/幸运农场 幸运三开奖结果28c63。com 复制登录 http://so.iqiyi.com/so/q_易算赛车pk10a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=买秒速赛车有什么规律a9840。com 复制登录 http://www.douban.com/search?q=138彩票怎么样a9840。com 复制登录 http://cn.engadget.com/tag/北京pk走势图28c63。com 复制登录 http://so.iqiyi.com/so/q_宝利彩票靠谱吗a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=重庆彩票网幸运农场开奖记录a9840。com 复制登录 http://www.douban.com/search?q=和盛彩票网址a9840。com 复制登录 http://cn.engadget.com/tag/幸运飞艇开奖全国统一?28c63。com 复制登录 http://so.iqiyi.com/so/q_大亨彩票快3a9840。com 复制登录 http://www.xiachufang.com/search/?keyword=幸运农场开奖结果走势a9840。com 复制登录 http://www.douban.com/search?q=会员注册-703彩票a9840。com 复制登录 http://cn.engadget.com/tag/幸运飞艇冠亚和公式怎么算28c63。com 复制登录 http://so.iqiyi.com/so/q_七是彩808彩票网wwwa9840。com 复制登录 http://www.xiachufang.com/search/?keyword=pk10快乐十分幸运飞艇技巧a9840。com 复制登录 http://www.douban.com/search?q=北京pk10实力团队a9840。com 复制登录 http://cn.engadget.com/tag/哪里能买北京快乐828c63。com 复制登录 http://so.iqiyi.com/so/q_向日葵团队彩票微信群a9840。com 复制登录