W3Cschool
恭喜您成為首批注冊用戶
獲得88經驗值獎勵
transition-property屬性指定CSS屬性的nametransition效果(transition效果時將會啟動指定的CSS屬性的變化)。
提示:一個轉場效果,通常會出現在當用戶將鼠標懸停在一個元素上時。
注意:始終指定transition-duration屬性,否則持續(xù)時間為0,transition不會有任何效果。
默認值: | all |
---|---|
繼承: | no |
版本: | CSS3 |
JavaScript 語法: | object.style.transitionProperty="width,height" |
transition-property: none|all| property;
值 | 描述 |
---|---|
none | 沒有屬性會獲得過渡效果。 |
all | 所有屬性都將獲得過渡效果。 |
property | 定義應用過渡效果的 CSS 屬性名稱列表,列表以逗號分隔。 |
表格中的數字表示支持該屬性的第一個瀏覽器版本號。
緊跟在 -webkit-, -ms- 或 -moz- 前的數字為支持該前綴屬性的第一個瀏覽器版本號。
屬性 | |||||
---|---|---|---|---|---|
transition-property | 26.0
4.0 -webkit- |
10.0 | 16.0
4.0 -moz- |
6.1
3.1 -webkit- |
12.1
10.5 -o- |
將鼠標懸停在一個div元素上,逐步改變表格的寬度:
轉換效果 - 更改兩個屬性
將鼠標懸停在一個div元素上,更改寬度和高度用平穩(wěn)過渡效果。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯系方式:
更多建議: