Tùy chỉnh màu và kích thước thanh cuộn, rồi sao chép CSS.
Đang tải công cụ…
Thanh cuộn mặc định của trình duyệt không phải lúc nào cũng hợp thiết kế. Dokall cho phép chọn màu track và thumb, đặt độ rộng và xem trước trực tiếp trước khi sao chép CSS.
CSS được tạo bao gồm rule tương thích WebKit và Firefox. Dán snippet vào stylesheet để có trải nghiệm cuộn chỉn chu, đúng thương hiệu.
body {
--sb-track-color: #232E33;
--sb-thumb-color: #6BAF8D;
--sb-size: 14px;
scrollbar-width: thin;
scrollbar-color: #6BAF8D #232E33;
}
body::-webkit-scrollbar {
width: var(--sb-size);
height: var(--sb-size);
}
body::-webkit-scrollbar-track {
background: var(--sb-track-color);
border-radius: 3px;
}
body::-webkit-scrollbar-thumb {
background: var(--sb-thumb-color);
border-radius: 3px;
}