transition-property

transition-property 规定应用过渡效果的 CSS 属性的名称。（当规定的 CSS 属性改变时，过渡效果将开始）。

 

语法

/* Keyword values */
transition-property: none;
transition-property: all;
transition-property: IDENT;

值

值描述
none没有过渡效果。
all所有有动画的属性都获得动画效果。
IDENT属性名称。符合命名规则。

例子

HTML 

<div class="stage"></div>
<p>鼠标移动到红色的 div 元素上，可以看到过渡效果。</p>

CSS 

.stage {
  width:100px;
  height:100px;
  background:red;
  transition-property: width;//规定应用过渡效果的 CSS 属性的名称
  transition-duration: 2s;
}

执行结果

鼠标移动到红色的 div 元素上，可以看到过渡效果。

参考

相关页面


跳至内容顶部