સ્ક્રોલબારના રંગો અને કદને કસ્ટમાઇઝ કરો, પછી 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;
}