CSS3 animation-timing-function Özelliği
CSS3 animation-timing-function
Animation-timing-function
Css ile oluşturulan bir animasyonun hızının sabit olmasını ,hızlı başlayıp yavaş bitmesi gibi özelliklerini belirtebildiğimiz özelliktir. Örnek:
Aşağıdaki örnekte animasyon hızı sürekli sabit hızda sonlanacaktır. Denemek için aşağıdaki kendiniz deneyin tuşuna basınız..div { animation-timing-function: linear; -webkit-animation-timing-function: linear; /* Chrome, Safari, Opera */ }
CSS3 animation-timing-function nedir nasıl kullanılır
Css animation-timing-function
özelliği animasyon oluştururken animasyonun istenilen karelerinde hız değişikliği oluşturulması için kullanılır.
CSS3 animation-timing-function Tarayıcı Desteği
CSS Kodu: | |||||
---|---|---|---|---|---|
animation-timing-function | 43.0 4.0 -webkit- | 10.0 | 16.0 5.0 -moz- | 9.0 4.0 -webkit- | 30.0 15.0 -webkit- 12.0 -o- |
CSS3 animation-timing-function Değerleri
animation-timing-function:linear|ease|ease-in|ease-out|cubic-bezier(n,n,n,n)|initial|inherit;
Yorumlar
Yorum Gönderme