CSS Thanh cuộn – Scroll bar CSS

Ảnh minh họa

Nếu bạn muốn làm đẹp cho thanh cuộn – scroll bar cho website của mình thay vì sử dụng scroll bar mặc định của trình duyệt. Bạn có thể sử dụng đoạn mã css bên dưới để làm điều này.

::-webkit-scrollbar {
    width: 5px; 
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(251, 255, 7); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

Nosomovo

Chia sẻ lên
WEB5k - Thiết kế website giá rẻ chuẩn SEO