用一个DIV，CSS做一个旋转的风车，就是觉得CSS很强大，纯属娱乐-原创手记-慕课网

首页课程实战体系课手记专栏慕课教程

用一个DIV，CSS做一个旋转的风车，就是觉得CSS很强大，纯属娱乐

慕后端3584988 2016-12-04 23:38:01 浏览 4638

慕后端3584988

关注TA

手记 3

粉丝 4

获赞 109

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
    #fengche {
    margin: 50px auto;
    width: 100px;
    background: rgb(155, 197, 51);
    border-color: rgb(255, 255, 255);
    border-style: dotted;
    border-width: 50px 0px 50px 0px;
    border-radius: 50%;
    position: relative;
    -webkit-animation: circle 4s infinite linear;
    }

    /*匀速 循环*/

    @-webkit-keyframes circle {
    0% {
    transform: rotate(0deg);
    }
    100% {
    transform: rotate(360deg);
    }
    }
    </style>
</head>

<body>
<div id="fengche"></div>
</body>
</html>