天天看點

transition transform

transition主要包含四個屬性值:

取值:

transition-timing-function的值允許你根據時間的推進去改變屬性值的變換速率,transition-timing-function有6個可能值:

1、ease:(逐漸變慢)預設值,ease函數等同于貝塞爾曲線(0.25, 0.1, 0.25, 1.0).

2、linear:(勻速),linear 函數等同于貝塞爾曲線(0.0, 0.0, 1.0, 1.0).

3、ease-in:(加速),ease-in 函數等同于貝塞爾曲線(0.42, 0, 1.0, 1.0).

4、ease-out:(減速),ease-out 函數等同于貝塞爾曲線(0, 0, 0.58, 1.0).

5、ease-in-out:(加速然後減速),ease-in-out 函數等同于貝塞爾曲線(0.42, 0, 0.58, 1.0)

transition transform

相容寫法:

-moz-、 -webkit-t、-ms-

      本文轉自Ansue  51CTO部落格,原文連結:http://blog.51cto.com/ansue/1621950,如需轉載請自行聯系原作者

繼續閱讀