<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动画26-谷歌Logo制作

                    分享 :

                    网盘下载链接:

                    提取密码: u4qi
                    复制提取密码
                    51RGB在线教育,WEB前端开发直播体验课,css3制作谷歌Logo!源码下载
                    • 详情
                      文件来源

                      官方发布

                      更新日期

                      2018-01-29

                      适用平台

                      All

                      系统位数

                      ALL

                      文件格式

                      zip

                      文件语言

                      中文

                      文件授权

                      免费

                      下载次数

                      25次

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

                      <!doctype html>
                      <html>
                      <head>
                      <meta charset="utf-8">
                      <title>无标题文档</title>
                      </head>
                      <style>
                      body{ background:rgba(204,204,204,.2)}
                      .box{ width:300px; height:300px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; border-radius:100%; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; }
                      .box::before{ content:""; position:absolute; width:100px; height:100px; background:#4c8bf5; border:10px solid #fff; border-radius:100%; top:0; left:0; bottom:0; right:0; margin:auto; z-index:111}
                      .red{ width:300px; height:150px; position:absolute; background:#E65141; top:-50px; left:150px;}
                      .red::before{ content:""; position:absolute; width:300px; height:150px; background:#E65141; left:-180px; transform:rotate(-60deg)}
                      .green{ background:#4CB749;width:300px; height:150px; position:absolute; transform:rotate(240deg); left:-110px; bottom:10px;}
                      .green::before{ content:""; position:absolute; width:300px; height:150px; background:#4CB749; right:136px; transform:rotate(-60deg); bottom:-120px;}
                      .yellow{ background:#FCD209;width:300px; height:91px; position:absolute; right:-140px; bottom:118px;}
                      .yellow::before{ content:""; position:absolute; width:300px; height:150px; background:#FCD209; right:70px; bottom:-180px;transform:rotate(120deg);}
                      
                      </style>
                      <body>
                      <div class="box">
                      	<div class="red">
                          </div>
                          <div class="green">
                          </div>
                           <div class="yellow">     	
                          </div>
                      </div>
                      </body>
                      </html>
                      
                      
                      
                    • 使用说明

                      本节课视频资源:

                      课程在线回放地址:http://www.gonooa.com/video/page-29/308.html

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

                    • 相关下载
                    北京赛车玩法和赔率|官网_首页