Animation-name animation-duration

Reja:
@keyframes box {
From{
}
To{
}

0%{
}

100%{
}
}

animation-name
animation-duration-vaqti
animation-delay- boshlanish vaqti
animation-iteration-count-necha marta qaytarilishi


animation-direction
normal: animatsiya oldinga qarab qo’yiladi
reverse : animatsiya orqaga qarab qo’yiladi

alternate: animatsiya birinchi oldinga kyn esa orqaga qarab qo’yiladi

alternate - reverse : animatsiya birinchi orqaga kyn esa oldinga qarab qo’yiladi
bu ikkalasi animation-iteration-count bolganda ishlaydi

animation-timing-function-animatsiyamizning tezligi qanday egri chiziq ga ega bolishini belgilab beradi




animation-play-state- animatsiya qanday holatda ekanligini belgilab beradi. Uning ikki qiymati mavjud: running (animatsiya davom etayotgan holati) va paused (animatsiya to’xtatib qo’yilgan holad)

@keyframes {

.box:hover{
animation-play-state:paused