前端css3：如何通过css3实现当元素⾼度发⽣变化时，有渐变
的效果
1.通过transition实现：
定义和⽤法
transition 属性是⼀个简写属性，⽤于设置四个过渡属性：
transition-property
transition-duration
transition-timing-function
transition-delay
注释：请始终设置 transition-duration 属性，否则时长为 0，就不会产⽣过渡效果。
<div class="test">
</div>
.class{
width:200px;
height:300px;
border:1px solid red;
transition:height 2s;
-moz-transition:height 2s; /* Firefox 4 */
-webkit-transition:height 2s; /* Safari and Chrome */
transition用法搭配
-o-transition:height 2s; /* Opera */
}
.class:hover{
height:500px;
}
复制代码

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。