animation-name :
Animasyon ismini belirlemek için kullanılır.
Örnek
div { width: 100px; height: 100px; background: green; color: white; position: relative; -webkit-animation-name: mymove; /* Chrome, Safari, Opera */ animation-name: mymove; -webkit-animation-duration: 5s; /* Chrome, Safari, Opera */ animation-duration: 5s; -webkit-animation-iteration-count: 3; /* Chrome, Safari, Opera */ animation-iteration-count: 3; } /* Chrome, Safari, Opera */ @-webkit-keyframes mymove { from {top: 0px;} to {top: 200px;} } @keyframes mymove { from {top: 0px;} to {top: 200px;} }
Codepen Ön izleme
Codepen Ön izleme
Css Sözdizimi
Değer | Açıklama |
keyframename | Animasyon ismi |
none | Değer almaz. |
İnital | |
İnherit |
Tarayıcı Desteği
43.0 4.0-webkit |
16.0 5.0-moz |
10.0 | 9.0 4.0-webkit |
30.0 12.0-o 15.0-webkit |
“CSS3 animation-name” üzerine bir yorum