css 动画 - 佑之以航

transform 过渡效果####

<!DOCTYPE html>
<html>
<head>
<style> 
.waitBox{
    margin: 50px;
}
.box{
    width:50px;
    height:50px;
    background:blue;
    transform:rotate(10deg);
    transition:all 2s;
}

.box:hover{
    transform:rotate(120deg);
}
</style>
</head>
<body>

<div class='waitBox'>
	<div class='box'></div>
</div>

<p>请把鼠标指针移动到蓝色的 div 元素上，就可以看到过渡效果。</p>

</body>
</html>

posted on 2019-09-25 14:41 佑之以航阅读(178) 评论(0) 编辑收藏举报