CSS transition

transition ₃

---

Thiết lập các thuộc tính chuyển động trong 1 lần khai báo.
bạn xem kỹ các thuộc tính [property] [duration] [timing-function] [delay].

Thuộc tính	giá trị	Ví dụ	Mô tả
transition	[property] [duration] [timing-function] [delay]		[hiệu ứng] [thời gian] [thời gian chuyển hiệu ứng] [thời gian bắt đầu]

Xem ví dụ

<style>
#ttt
{
width:100px;
background:#FBFFEB;
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}

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

<div id="ttt"> bạn di chuột vào đây xem hiệu ứng </div>

bạn di chuột vào đây xem hiệu ứng

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

x

---