过渡的概念：
概念
css属性允许某个或多个属性，从一个状态改变到另一个状态的过程中，慢慢地、圆滑地发生改变。可以产生一定的动画效果。例如：将div从原本的left属性为0的状态改变到left为300的状态，中间过程可以慢慢地进行。
首先，给两个盒子，父子关系
当我鼠标移动到父元素时，子元素有过渡动画效果
例：
<style>
.box {
width: 500px;
height: 300px;
border: 1px solid #000;
position: relative;
}
.small {
width: 100px;
height: 100px;
background-color: #f00;
position: absolute;
left: 0;
top: 0;
/* 过渡 */
transition: all 2s;
}
.box:hover .small {
left: 300px;
}
</style><body>
<div class="box">
<div class="small"></div>
</div>
</body>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
