css 动画

最新推荐文章于 2022-10-05 22:01:34 发布

dengye7077

最新推荐文章于 2022-10-05 22:01:34 发布

阅读量197

点赞数

原文链接：http://www.cnblogs.com/yzyh/p/11578160.html

版权

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>

转载于:https://www.cnblogs.com/yzyh/p/11578160.html

dengye7077

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css 动画

transform 过渡效果<!DOCTYPE html><html><head><style> .waitBox{ margin: 50px;}.box{ width:50px; height:50px; background:blue; transform:rotate(10deg)...
复制链接

扫一扫