Animation-delay хусусияти
animation-delay хусусияти
анимацияни бошлашдан олдинги кутish муддатини белгилайди.
Синтаксис
селектор {
animation-delay: вакт s ёки ms да;
}
Қийматлар
| Қиймат | Изох |
|---|---|
s |
Вактни секундларда белгилайди (масалан 3s). |
ms |
Вактни миллисекундларда белгилайди (масалан 3ms). Бир секунд 1000 миллисекундга тенг. |
Белгиланмаган қиймат: 0s.
Мисол
Бу мисолда анимация бошланишидан олдин
3 секунд кутish муддати бўлади:
<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;
}
:
Қаранг
-
animation-nameхусусияти,
анимация номини белгилайди -
animation-durationхусусияти,
анимация давомийлигини белгилайди -
animation-timing-functionхусусияти,
анимания бажариш тезлигини белгилайди -
animation-iteration-countхусусияти,
анимация такрорланишлар сонини белгилайди -
animation-directionхусусияти,
анимация йўналишини белгилайди -
animation-fill-modeхусусияти,
анимация ҳолатини белгилайди -
animation-play-stateхусусияти,
анимания тўхтатиб қўйиш имконини беради -
animationхусусияти,
анимациялар учун қисқартма ҳисобланади -
@keyframesкомандаси,
анимация калиб кадрларини белгилайди -
transitionмулойим ўтишлар, элемент устига курсорни олиб борилгандаги анимацияни ифодалайди