我们都是阴沟的虫子,但总要有人想仰望星空!
Posted qqprincekin
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我们都是阴沟的虫子,但总要有人想仰望星空!相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> body height: 100%; background: rgba(0,0,0,.5); body,div padding: 0; margin: 0; .circleProgress_wrapper width: 200px; height: 200px; margin: 50px auto; position: relative; /*border:1px solid #ddd;*/ .wrapper width: 100px; height: 200px; position: absolute; top:0; overflow: hidden; .right right:0; .left left:0; .circleProgress width: 188px; height: 188px; border: 6px solid #0FCD8B; border-radius: 50%; position: absolute; top:0; -webkit-transform: rotate(45deg); .rightcircle border-top: 6px solid #fff; border-right: 6px solid #fff; right:0; -webkit-animation: circleProgressLoad_right 1.5s linear forwards; .leftcircle border-bottom: 6px solid #fff; border-left: 6px solid #fff; left:0; -webkit-animation: circleProgressLoad_left 1.5s linear forwards; @-webkit-keyframes circleProgressLoad_right 0% -webkit-transform: rotate(45deg); 50% -webkit-transform: rotate(225deg); 100% -webkit-transform: rotate(225deg); @-webkit-keyframes circleProgressLoad_left 0% -webkit-transform: rotate(45deg); 50% -webkit-transform: rotate(45deg); 100% -webkit-transform: rotate(225deg); </style> <body> <div class="circleProgress_wrapper"> <div class="wrapper right"> <div class="circleProgress rightcircle"></div> </div> <div class="wrapper left"> <div class="circleProgress leftcircle"></div> </div> </div> </body> </html>
以上是关于我们都是阴沟的虫子,但总要有人想仰望星空!的主要内容,如果未能解决你的问题,请参考以下文章