我注意到了transition当元素也从以下位置更改时不起作用display none to block。这是为什么？如果我删除它就可以了display属性。
CSS:
#box {
width: 150px;
height: 150px;
background: red;
transform: scale(0);
display: none;
transition: transform .5s;
}
#box.active {
transform: scale(1);
display: block;
}
http://jsfiddle.net/640kL55u/ http://jsfiddle.net/640kL55u/
因为它有display: none首先，其他样式不会被带入 dom 中进行一次转换display: block被添加。
相反，您可以隐藏 div 的高度，这样它仍然在页面上但不显示。然后添加高度show div.
JSFiddle http://jsfiddle.net/640kL55u/2/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
