CSS animation-name Özelliği

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

Değerler

Ö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>