[分享]css3属性不能设置过渡效果

在CSS3中，使用transition属性可以方便地为网页中的元素添加过渡效果。然而，有些CSS3属性却不能设置过渡效果。例如，以下属性不能设置过渡效果： display float cle...

在CSS3中，使用transition属性可以方便地为网页中的元素添加过渡效果。然而，有些CSS3属性却不能设置过渡效果。

例如，以下属性不能设置过渡效果：
- display
- position
- float
- clear
- visibility
- overflow
- z-index
- table-layout
- writing-mode
- border-collapse 

这些属性之所以不能设置过渡效果，是因为它们所影响的是元素的布局和渲染方式，而不是元素的样式。因此，设置过渡效果对这些属性没有意义。

此外，还有一些属性虽然可以设置过渡效果，但是在某些情况下可能会出现问题。例如：

- height: 当元素的高度由内容撑开时（如文本、图片等），设置height属性的过渡效果可能会导致元素高度不稳定。
- font-size: 在设置字体大小的过渡效果时，浏览器可能需要重渲染整个元素，影响性能。
- background-image: 在设置背景图片的过渡效果时，浏览器可能需要下载新的图片，导致加载时间变长。

综上所述，虽然transition属性可以为元素添加过渡效果，但是需要注意不能为所有CSS3属性都设置过渡效果，应根据具体情况进行选择。