Sublime Text
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> div{ background-color:green; width:100px; height:100px; transition-property:width; transition-duration:10s; } div:hover{ background-color:blue; width:300px; height:300px; } </style> </head> <body> <p style="line-height:30px;font-size:18px;">- Khi các bạn dí con trỏ vào phần tử <div> nằm bên dưới thì hiệu ứng luân chuyển giá trị của thuộc tính width từ 100px lên 300px sẽ diễn ra trong vòng 10 giây.</p> <div></div> </body> </html>
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> div{ background-color:green; width:100px; height:100px; transition-property:width; transition-duration:10s; } div:hover{ background-color:blue; width:300px; height:300px; } </style> </head> <body> <p style="line-height:30px;font-size:18px;">- Khi các bạn dí con trỏ vào phần tử <div> nằm bên dưới thì hiệu ứng luân chuyển giá trị của thuộc tính width từ 100px lên 300px sẽ diễn ra trong vòng 10 giây.</p> <div></div> </body> </html>