CSS transition-delay

transition-delay ₃

---

Xác định thời gian chờ đợi trước khi các hiệu ứng của quá trình chuyển đổi sẽ bắt đầu.

Thuộc tính	giá trị	Ví dụ	Mô tả
transition-delay	time	transition-delay: 5s;	sau 5 s mới bắt đầu hiệu ứng

Xem ví dụ

<style>
#ttt
{
width:300px;
height:100px;
margin:auto;
background:#A4CC66;
transition-property:width;
transition-duration:5s;
transition-delay:2s;

/* Firefox 4 */
-moz-transition-property:width;
-moz-transition-duration:5s;
-moz-transition-delay:2s;

/* Safari and Chrome */
-webkit-transition-property:width;
-webkit-transition-duration:5s;
-webkit-transition-delay:2s;

/* Opera */
-o-transition-property:width;
-o-transition-duration:5s;
-o-transition-delay:2s;
}

#ttt:hover{width:600px;}
</style>

<div id="ttt"> di chuột vào đây, sau 2s sẽ bắt đầu hiệu ứng</div>

di chuột vào đây, sau 2s sẽ bắt đầu hiệu ứng

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

---