transition

transition

英[trænˈzɪʃn] 美[trænˈzɪʃən, -ˈsɪʃ-]

property

Property

UK[ˈprɒpəti] US[ˈprɑ:pərti]

css transition-property property syntax

Function:The transition-property attribute specifies the name of the CSS property that applies the transition effect. (The transition effect will start when the specified CSS property changes). Tip: Transition effects usually occur when the user floats the mouse pointer over an element.

Syntax:transition-property: none|all|property;

Description:none No properties will get the transition effect. All properties will receive the transition effect. Property defines a list of CSS property names that apply transition effects. The list is separated by commas.

Note:Please always set the transition-duration attribute, otherwise the duration is 0 and no transition effect will be produced.

css transition-property property example

    

请把鼠标指针移动到蓝色的 div 元素上,就可以看到过渡效果。

注释:本例在 Internet Explorer 中无效。

Run instance »

Click the "Run instance" button to view the online instance