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; }执行结果
举报
腾讯云开发者
