当前位置: 代码迷 >> 综合 >> transition过渡动画与display等关系
  详细解决方案

transition过渡动画与display等关系

热度:96   发布时间:2024-01-31 08:24:49.0

对于display: none——>display:block的动画,transition无效。可能因为display属于不占位元素消失。

对于visibility: hidden——>visibility: visible的动画,transition有效。因为visibility: hidden元素消失, 占位。但由于实际占位,hover放在visibility: hidden的元素上也会触发效果,不建议使用。

对于opacity: 0——>opacity: 1的动画,transition有效。类似淡入淡出效果

对于width: 0——>width:100px;transition有效。

  相关解决方案