手记

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

<!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>
10人推荐
随时随地看视频
慕课网APP

热门评论

风车是静态的? 还是动态的啊?

查看全部评论