首頁手記用一個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>

點擊查看更多內容