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)
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIn5Gcukma1NXLu9Wa0l2cuFmc09CXzVGbpZ2LcRHb1FmZlR2LcNXZ0l2cvwVbvNmLzVHbwN2M35yd3d3Lc9CX6MHc0RHaiojIsJye.png)
相容寫法:
-moz-、 -webkit-t、-ms-
本文轉自Ansue 51CTO部落格,原文連結:http://blog.51cto.com/ansue/1621950,如需轉載請自行聯系原作者