<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
/**
*
旋轉的div
animation:mymove 1s linear infinite ;
}
@keyframes mymove
{
from {top:0px;}
to {transform:rotate(360deg);}
}
*/
</script>
<style>
*{
margin: 0;
padding: 0;
}
div{
width: 200px;
height: 200px;
margin: 200px auto;
background: #e67e22;
animation: a1 2s linear infinite;
}
@keyframes a1 {
to{
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
每天一點css 旋轉的div
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.