CSS animation-delay Chỉ định các hình ảnh động sẽ bắt đầu

animation-delay ₃

---

Specifies when the animation will start
Chỉ định các hình ảnh động sẽ bắt đầu

Thuộc tính	giá trị	Ví dụ	Mô tả
animation-delay	thời gian	animation-delay: 3s;	Xác định sau bao lâu thì chuyển động sẽ bắt đầu, mặc định sẽ là 0 (ví dụ 1s,2s,5s,-2s,-5s số dương là đợi, số âm là chạy trước)

Xem ví dụ

<style>
#animation-delay
{
width:100px;
height:50px;
background:#E5EECC;
position:relative;
animation:mymove 5s infinite;
animation-delay:2s;
/* Firefox */
-moz-animation:mymove 5s infinite;
-moz-animation-delay:2s;
/*Safari and Chrome*/
-webkit-animation:mymove 5s infinite;
-webkit-animation-delay:2s;
/* Opera */
-o-animation:mymove 5s infinite;
-o-animation-delay:2s;
}

@keyframes mymove
{
from {left:0px;}
to {left:500px;}
}

@-moz-keyframes mymove /*Firefox*/
{
from {left:0px;}
to {left:500px;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:0px;}
to {left:500px;}
}

@-o-keyframes mymove /*Opera*/
{
from {left:0px;}
to {left:500px;}
}
</style>

<div id="animation-delay">animation-delay</div>

animation-delay

Sự tương thích ( Cập nhật / Báo lỗi )

10	5	12	20	5.1		5					3.2	2.1	8

---