transition-property 是 CSS 中用于指定过渡效果的属性之一。它定义了哪些属性会在过渡时发生变化。这个属性通常与 transition-duration、transition-timing-function 和 transition-delay 一起使用,以创建元素状态的平滑过渡。

语法如下:
element {
  transition-property: property1, property2, ...;
}

其中,element 是你要应用过渡效果的元素,而 property1, property2, ... 是你想要过渡的属性名称列表。这些属性可以是任何可以使用过渡效果的 CSS 属性,比如 width、color、opacity 等。

例如:
.box {
  width: 100px;
  height: 100px;
  background-color: blue;
  transition-property: width, height, background-color;
}

在这个例子中,当 .box 元素的 width、height 或 background-color 发生变化时,将会应用过渡效果。你可以根据实际需要添加或删除要过渡的属性。


转载请注明出处:http://www.zyzy.cn/article/detail/6152/CSS