CSS3 animation-play-state Özelliği
CSS3 animation-play-state
Css ile oluşturulan animasyonun durdurulup devam ettirilmesini sağlayan özellikanimation-play-state
özelliğidir.Örnek:
Aşağıda verilen örnekte animasyonarunning
değeri verildiği için animasyon çalışacaktır. div { animation-play-state: running; -webkit-animation-play-state: running; /* Chrome, Safari, Opera */ }
CSS3 animation-play-state nedir nasıl kullanılır
Oluşturulan animasyonun devam ettirmek ya da durdurulmak istenildiğindeanimation-play-state
özelliği kullanılır. Tavsiye edilen ise kontrolü javascript ile buttonlarla kontrolü sağlamaktır. CSS3 animation-play-state Tarayıcı Desteği
The numbers in the table specify the first browser version that fully supports the property. Numbers followed by -webkit-, -moz-, or -o- specify the first version that worked with a prefix.CSS Kodu: | |||||
---|---|---|---|---|---|
animation-play-state | 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-play-state Değerleri
animation-play-state:paused|running|initial|inherit;
Yorumlar
Yorum Gönderme