首页手记用一个DIV，CSS做一个旋转的风车，就是觉得CSS很...

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

标签：

Html/CSS CSS3

<!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>

点击查看更多内容