Animation-delay xususiyati
animation-delay xususiyati
animatsiyani boshlashdan oldin kechikishni belgilaydi.
Sintaksis
selector {
animation-delay: vaqt s yoki ms da;
}
Qiymatlar
| Qiymat | Tavsif |
|---|---|
s |
Vaqtni sekundlarda belgilaydi (masalan 3s). |
ms |
Vaqtni millisekundlarda belgilaydi (masalan 3ms). Bir sekund 1000 millisekundga teng. |
Standart qiymat: 0s.
Misol
Ushbu misolda animatsiya boshlanishidan oldin 3 soniya kechikish bo'ladi:
<div id="elem"></div>
@keyframes move {
from {
margin-left: 0;
}
to {
margin-left: 400px;
}
}
#elem {
animation-delay: 3s;
animation-duration: 6s;
animation-name: move;
animation-iteration-count: infinite;
animation-timing-function: linear;
border: 1px solid black;
width: 50px;
height: 50px;
}
:
Shuningdek qarang
-
animation-namexususiyati,
animatsiya nomini belgilaydi -
animation-durationxususiyati,
animatsiya davomiyligini belgilaydi -
animation-timing-functionxususiyati,
animatsiya bajarilish tezligini belgilaydi -
animation-iteration-countxususiyati,
animatsiya takrorlanishlar sonini belgilaydi -
animation-directionxususiyati,
animatsiya yo'nalishini belgilaydi -
animation-fill-modexususiyati,
animatsiya holatini belgilaydi -
animation-play-statexususiyati,
animatsiyani pauzaga qo'yish imkonini beradi -
animationxususiyati,
animatsiyalar uchun qisqartma sifatida xizmat qiladi -
@keyframesbuyrug'i,
animatsiya kalit kadrlarini belgilaydi -
transitionsilliq o'tishlar, element ustiga sichqoncha olib borilganda amalga oshiriladigan animatsiyani ifodalaydi