Mwili wa transition-property katika CSS

定义和用法

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

提示：过渡效果通常在用户将鼠标指针浮动到元素上时发生。

注释：请始终设置 transition-duration 属性，否则时长为 0，就不会产生过渡效果。

另请参阅：

CSS 教程：Muafaka wa CSS

HTML DOM 参考手册：transitionProperty 属性

实例

把鼠标指针放到 div 元素上，会产生带有平滑改变元素宽度的过渡效果：

div {
  transition-property: width;
}

Mfanyikizo wako

Inayotumiwa na KiSwahili:

transition-property: none|all|property;

Wapya ya mambo

Wapya Maelezo
none Hakuna mambo yana wakati wa kusimamia.
all Wote ya mambo yana wakati wa kusimamia.
property Inasifaa kufafanua orodha ya CSS ya jina za orodha za kusimamia inayotumiwa kwa sababu ya kwanza, na orodha hii inaonesha kwa komana kina.

Mafanikio ya Vifaa

Wapya: all
Kumwambaa: no
Tengeneza: CSS3
Inayotumiwa na KiSwahili: object.style.transitionProperty="width,height"

Matumizi ya browser

Inanamba zilizotumika katika tabia zinaonyesha browser iliyosimamia sababu ya kwanza ya kusimamia inayotumiwa kwa sababu ya kwanza.

Inanamba zilizotumiwa na -webkit-, -moz- au -o- niweza kutumia sababu ya kuanzia kwa sababu ya msingi.

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-