Tùy Chỉnh Thanh Cuộn Của Trình Duyệt Với CSS WebKit

Tùy Chỉnh Thanh Cuộn Của Trình Duyệt Với CSS WebKit

Tùy chỉnh thanh cuộn của trình duyệt đang trở nên phổ biến và bạn có thể bắt gặp các trang web có thanh cuộn độc đáo. Tùy chỉnh thanh cuộn trong trang web của bạn có thể tạo ấn tượng về thiết kế trang web của bạn cho khách truy cập. Bạn có thể dễ dàng tùy chỉnh thanh cuộn scrollbar bằng đoạn mã CSS mà mình giới thiệu dưới đây.

Tùy Chỉnh Thanh Cuộn Của Trình Duyệt Với CSS WebKit

Cách Tùy Chỉnh Thanh Cuộn Của Trình Duyệt

Bước 1: Vào Blogger ➤ Chủ đề ➤ Chỉnh sửa HTML.

Bước 2: Bạn hãy tìm đến thẻ đóng ]]></b:skin> hoặc </style> và chèn đoạn CSS này vào.

::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:8px}::-webkit-scrollbar-track{background-color:inherit}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.45)}::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,.45)}

Ngoài ra bạn có thể tùy chỉnh theo ý thích của mình như hướng dẫn trên, đổi màu, đổi thuộc tính, ... nhé!

Bạn có thể thích những bài đăng này