Định nghĩa đường cong Cubic Bezier bằng CSS

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

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>Di chuột qua container dưới đây:</p>       <div></div>    </body> </html>