Computer >> Máy Tính >  >> Lập trình >> CSS

Đặt tốc độ của hiệu ứng di chuột bằng CSS

Để đặt tốc độ di chuột, hãy sử dụng thuộc tính thời lượng chuyển tiếp. Để đặt di chuột, hãy sử dụng:công cụ chọn di chuột.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để tăng tốc hiệu ứng di chuột -

<!DOCTYPE html>
<html>
   <head>
      <style>
         .btn {
            background-color: yellow;
            color: black;
            text-align: center;
            font-size: 15px;
            padding: 20px;
            border-radius: 15px;
            border: 3px dashed blue;
            transition-duration: 2s;
         }
         .btn:hover {
            background-color: orange;
            color: black;
            border: 3px solid blue;
         }
      </style>
   </head>
   <body>
      <h2>Result</h2>
      <p>Click below for result:</p>
      <button class = "btn">Result</button>
   </body>
</html>