Giriş yap

CSS animation-name Özelliği
CSS3

Elemana uygulanacak animasyonu belirler. Rasgele bir isim almaz, animasyon için oluşturulan @keyframes adı ne ise aynı isme sahip olmalıdır.

Yapısı (Syntax)animation-name: animasyonAdi

Varsayılan Değer none
JavaScript Yapısı object.style.animationName="animasyonAdi"
Animasyon Özellikleri Uygulanabilir Hayır

Değerler

Değer Açıklama Versiyon
animasyonAdi Uygulanacak animasyonun keyframe adı. CSS3

Örnekler

boxAnimation adında bir keyframes oluşturualım ve bu animasyonu elemana uygulayalım.

<div class="box"></div>

<style>
    .box {
        width: 60px;
        height: 60px;
        background: blue;
        position: relative;
        left: 0;
        animation-name: boxAnimation;
        animation-duration: 1s;
    }
    @keyframes boxAnimation {
        to {left: 200px}
    }
</style>

tayfunerbilen
28 gün önce eklendi.
Github'da Düzenle
Önemli Başlıklar