ಸ್ಕ್ರೋಲ್ಬಾರ್ ಬಣ್ಣಗಳು ಮತ್ತು ಗಾತ್ರವನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡಿ, ನಂತರ CSS ಅನ್ನು ನಕಲಿಸಿ.
ಟೂಲ್ ಲೋಡ್ ಆಗುತ್ತಿದೆ…
ಡೀಫಾಲ್ಟ್ ಬ್ರೌಸರ್ ಸ್ಕ್ರಾಲ್ಬಾರ್ಗಳು ಯಾವಾಗಲೂ ನಿಮ್ಮ ವಿನ್ಯಾಸಕ್ಕೆ ಹೊಂದಿಕೆಯಾಗುವುದಿಲ್ಲ. Dokall ನ ಸ್ಕ್ರೋಲ್ಬಾರ್ ಕಸ್ಟಮೈಜರ್ ನಿಮಗೆ ಟ್ರ್ಯಾಕ್ ಮತ್ತು ಹೆಬ್ಬೆರಳಿನ ಬಣ್ಣಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡಲು, ಅಗಲವನ್ನು ಹೊಂದಿಸಲು ಮತ್ತು CSS ಅನ್ನು ನಕಲಿಸುವ ಮೊದಲು ಫಲಿತಾಂಶವನ್ನು ಲೈವ್ ಆಗಿ ಪೂರ್ವವೀಕ್ಷಿಸಲು ಅನುಮತಿಸುತ್ತದೆ.
ರಚಿಸಲಾದ CSS WebKit ಮತ್ತು Firefox-ಹೊಂದಾಣಿಕೆಯ ನಿಯಮಗಳನ್ನು ಒಳಗೊಂಡಿದೆ. ನಯಗೊಳಿಸಿದ, ಆನ್-ಬ್ರಾಂಡ್ ಸ್ಕ್ರೋಲಿಂಗ್ ಅನುಭವಕ್ಕಾಗಿ ತುಣುಕನ್ನು ನಿಮ್ಮ ಸ್ಟೈಲ್ಶೀಟ್ಗೆ ಬಿಡಿ.
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;
}