中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

CSS 動畫

定義和用法

一些 CSS 屬性是可以有動畫效果的,這意味著它們可以用于動畫和過渡。

動畫屬性可以逐漸地從一個值變化到另一個值,比如尺寸大小、數(shù)量、百分比和顏色。


瀏覽器支持

表格中的數(shù)字表示支持該方法的第一個瀏覽器的版本號。

緊跟在數(shù)字后面的 -webkit-, -moz-, 或 -o- 指定了第一個支持該屬性的瀏覽器版本前綴。

4.0 -webkit- 10.0 16.0
5.0 -moz-
4.0 -webkit- 15.0 -webkit-
12.1
12.0 -o-

實例

背景顏色逐漸地從紅色變化到藍(lán)色:

@keyframes mymove { from {background-color:red;} to {background-color:blue;} } /*Safari 和 Chrome:*/ @-webkit-keyframes mymove { from {background-color:red;} to {background-color:blue;} }

運行代碼 ?

動畫屬性

CSS 中的動畫屬性:

屬性 實例
background運行代碼 》
background-color運行代碼 》
background-position運行代碼 》
background-size運行代碼 》
border運行代碼 》
border-bottom運行代碼 》
border-bottom-color運行代碼 》
border-bottom-left-radius運行代碼 》
border-bottom-right-radius運行代碼 》
border-bottom-width運行代碼 》
border-color運行代碼 》
border-left運行代碼 》
border-left-color運行代碼 》
border-left-width運行代碼 》
border-right運行代碼 》
border-right-color運行代碼 》
border-right-width運行代碼 》
border-spacing運行代碼 》
border-top運行代碼 》
border-top-color運行代碼 》
border-top-left-radius運行代碼 》
border-top-right-radius運行代碼 》
border-top-width運行代碼 》
bottom運行代碼 》
box-shadow運行代碼 》
clip運行代碼 》
color運行代碼 》
column-count運行代碼 》
column-gap運行代碼 》
column-rule運行代碼 》
column-rule-color運行代碼 》
column-rule-width運行代碼 》
column-width運行代碼 》
columns運行代碼 》
filter運行代碼 》
flex?
flex-basis運行代碼 》
flex-grow運行代碼 》
flex-shrink運行代碼 》
font運行代碼 》
font-size運行代碼 》
font-size-adjust?
font-stretch?
font-weight運行代碼 》
height運行代碼 》
left運行代碼 》
letter-spacing運行代碼 》
line-height運行代碼 》
margin運行代碼 》
margin-bottom運行代碼 》
margin-left運行代碼 》
margin-right運行代碼 》
margin-top運行代碼 》
max-height運行代碼 》
max-width運行代碼 》
min-height運行代碼 》
min-width運行代碼 》
opacity運行代碼 》
order運行代碼 》
outline運行代碼 》
outline-color運行代碼 》
outline-offset運行代碼 》
outline-width運行代碼 》
padding運行代碼 》
padding-bottom運行代碼 》
padding-left運行代碼 》
padding-right運行代碼 》
padding-top運行代碼 》
perspective運行代碼 》
perspective-origin運行代碼 》
right運行代碼 》
text-decoration-color運行代碼 》
text-indent運行代碼 》
text-shadow運行代碼 》
top運行代碼 》
transform運行代碼 》
transform-origin運行代碼 》
vertical-align運行代碼 》
visibility?
width運行代碼 》
word-spacing運行代碼 》
z-index運行代碼 》