【css】【动画】【转发】旋转动画

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <style type='text/css'>
        div{
            width: 100px;
            height: 100px;
            background: pink;
        }
        div:hover {
            animation: rot 5s linear infinite;
        }
        @keyframes rot{
            form{transform: rotate(0deg)}
            to{transform: rotate(360deg)}
        }
    </style>
</head>
<body>
<div>1</div>
</body>
</html>

 

posted @ 2018-09-21 10:26  Flint99  阅读(151)  评论(0编辑  收藏  举报