使CSS3過渡與不斷的節奏

Question

是否有可能使css3中的過渡與恆定的節奏？我的意思是，它們最終放慢了速度，在大多數情況下它看起來很酷，但如果你想製作例如定時器（div越來越小）。

Answer 1

使用linear關鍵字作爲轉換定時功能。事情是這樣的：

transition: all 1s linear; 

Answer 2

您可以使用：

transition-timing-function: linear; 
-webkit-transition-timing-function: linear; /* Safari and Chrome */ 

默認的（內在）價值爲ease，所以加這行並將其更改爲線性的。這在IE9或更舊版本中不起作用。