Cách sử dụng hàm cubic-bezier() trong CSS

Để định nghĩa đường cong Bezier bậc ba, hãy sử dụng hàm cubic-bezier(). Bạn có thể chạy mã sau để triển khai hàm này:

Ví dụ

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 100px;             height: 100px;             background: yellow;             transition: width 3s;             transition-timing-function: cubic-bezier(0.3, 0.3, 2.0, 0.9);          }          div:hover {             width:200px;          }       </style>    </head>    <body>       <p>Hover over the below container:</p>       <div></div>    </body> </html>