css3的过渡属性包括哪些,css transform 过渡,要使用css3过渡,有哪些触发方式,css过渡效果不生效,css过渡时间1s,css过渡如何工作
CSS3过渡（CSS3 transitions）是一种在元素从一种样式逐渐转换为另一种样式时，通过添加一些动画效果来使过渡更加平滑的技术。这些效果可以应用于任何CSS属性，例如颜色、大小、位置等等。

CSS3过渡需要指定两个或多个不同状态之间的变化，并定义一个持续时间和一个过渡类型。当元素的属性值发生改变时，过渡就会自动发生。在过渡期间，属性值将从开始值缓慢地变成结束值。

下面是一个简单的例子。假设有一个按钮元素，它在默认状态下是灰色的，但当鼠标悬停在上面时，要变成红色。我们可以使用CSS3过渡来使这个变化更加平滑：

html
<button class="transition-button">Hover me!</button>


css
.transition-button {
background-color: gray;
transition-property: background-color;
transition-duration: 1s;
}

.transition-button:hover {
background-color: red;
}


在这个例子中，我们首先定义了一个名为 .transition-button 的样式类，它将按钮的背景颜色设置为灰色。接着，我们通过 transition-property 属性指定了要进行过渡的属性为 background-color（即背景颜色），并且通过 transition-duration 属性指定了过渡的时间为1秒。

最后，我们定义了一个当鼠标悬停在按钮上时的状态 .transition-button:hover，将背景颜色设置为红色。这样，在鼠标经过按钮时，背景颜色将会平滑地从灰色变成红色，而不是立即切换。