Trang chủ
CSS
Chuyển đổi CSS
Tryit: Thuộc tính chức năng chuyển đổi thời gian
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <style> div { width: 100px; chiều cao: 100px; nền: màu đỏ; chuyển tiếp: chiều rộng 2s; } #div1 {transition-timing-function: tuyến tính;} #div2 {transition-timing-function: easy;} #div3 {transition-timing-function: easy-in;} #div4 {transition-timing-function: easy- out;} #div5 {transition-timing-function: easy-in-out;} div:hover { width: 300px; } </style> </head> <body> <h1>Thuộc tính chức năng chuyển tiếp thời gian</h1> <p>Di chuột qua các phần tử div bên dưới để xem các đường cong tốc độ khác nhau:</p> <div id ="div1">tuyến tính</div><br> <div id="div2">dễ dàng</div><br> <div id="div3">dễ dàng tham gia</div><br> <div id ="div4">dễ dàng ra</div><br> <div id="div5">dễ dàng vào ra</div><br> </body> </html>