Tạo thanh cuộn màu scrollbar color toàn trang web

Rèn Luyện Tư Duy - Thủ thuật này giúp bạn tạo một thanh cuộn  scrollbar color bên phải với màu sắc, độ rộng tùy chỉnh. Các bạn có thể xem thanh cuộn blog Rèn Luyện Tư Duy.

Hướng dẫn:

Bước 1: Các bạn vào mẫu và dán đoạn code bên dưới trên thẻ ]]></b:skin>
Bước 2: Các bạn hiện chỉnh lại màu sắc bằng mã màu khác với những đoạn code mình đã tô đậm

/* Webkit override Scrollbar with CSS3 */
::-webkit-scrollbar {
width: 8px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#fff;
}
::-webkit-scrollbar-thumb {
background: rgba(186,35,35,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(186,35,35,0.4);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }

Chúc bạn thành công!

Share this

Author : Unknown

Related Posts