Mfano wa transition-duration wa kifaa cha CSS

定义和用法

transition-duration 属性规定完成过渡效果需要花费的时间(以秒或毫秒计)。

另请参阅:

CSS 教程:CSS transition

HTML DOM 参考手册:transitionDuration 属性

实例

让过渡效果持续 5 秒:

div {
  transition-duration: 5s;
}

亲自试一试

Inayohusu kiingiliano cha CSS

transition-duration: time;

Value wa tabia

Value Inasikitaja
time

Inaeleza wakati inayotakiwa kufikia hatua ya kuzungumza (kwa sekunde ama miti).

Value wa kuzingatia ni 0, inaingia kwamba hatutafutikia maelezo.

Maelezo ya mbinu

Value wa kuzingatia: 0
Inasababisha: no
Versioni: CSS3
Inayohusu kiingiliano cha JavaScript: object.style.transitionDuration="5s"

Muungano wa programu za kusoma kwa kompyuta

Masho ya tabia inaeleza version ya kwanza ya kusimamia tabia hii kwa programu ya kusoma kwa kompyuta.

Masho -webkit-、-moz- au -o- inanayaa version ya kwanza ya kuzungumza kwa kifupi.

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-
10.0 16.0
4.0 -moz-
6.1
3.1 -webkit-
12.1
10.5 -o-