css3 - css 3问题， transition:0.5s all;是指所有属性？

问题描述

问 题

w3cSchool这样说的：

解决方案

差不多是题主说的这个意思,但是要明确一点,所有是指哪里的所有,

div{
    width: 200px;
    height: 200px;
    margin: 300px auto;
    background-color: #336699;
    
    transition: all 1s;
    /*transition: height 1s;*/
}
div:hover{
    width: 300px;
    height: 400px;
}

我认为这里的 all 指的是 transition 之后的样式,上面的代码运行结果 div 的宽高都是流畅转变的, 当我们把 all 改成 height 之后, 只有 height 转变过程之中有动画效果, width 就是瞬间变化.

这篇关于css3 - css 3问题， transition:0.5s all;是指所有属性？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！