Question

使用*{ transition: all 0.25s linear; }会损害表现，还是一种不好的做法？还有另一种方法可以更好地过渡元素吗？

我正在尝试平滑过渡元素，在更改媒体查询的值时，不要让元素切断和闪烁。

Answer 1

如果您使用*{ transition: all 0.25s linear; }，则表示您网站中的每个元素都具有该属性，而定位您将要动画的元素仅适用于该元素。例如.animate{transition: all 0.25s linear;}

如果您的问题与性能有关，那么*{ /* style */ }是目前最慢的问题。

ID是最有效的，Universal是最少的：

#main-navigation {   }      /* ID (Fastest) */
body.home #page-wrap {   }  /* ID */
.main-navigation {   }      /* Class */
ul li a.current {   }       /* Class *
ul {   }                    /* Tag */
ul li a {  }                /* Tag */
* {   }                     /* Universal (Slowest) */
#content [title='home']     /* Universal */

在* selector上使用过渡属性？

1 个答案: