Input by satisshTechie
#e8e8e8
1.PB-range-slider { 2 -webkit-appearance: none; 3 width: 100%; 4 height: 4px; 5 border-radius: 5px; 6 background: #D5DBE1; 7 outline: none; 8 opacity: 0.7; 9 -webkit-transition: .2s; 10 transition: opacity .2s; 11} 12 13.PB-range-slider::-webkit-slider-thumb { 14 -webkit-appearance: none; 15 appearance: none; 16 width: 15px; 17 height: 15px; 18 border-radius: 50%; 19 background-color: #000000; 20 cursor: pointer; 21 transition: 0.3s ease-in-out; 22} 23 24.PB-range-slider::-webkit-slider-thumb:hover { 25 box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.16); 26 transition: 0.3s ease-in-out; 27} 28 29.PB-range-slider::-moz-range-thumb { 30 width: 15px; 31 height: 15px; 32 border-radius: 50%; 33 background-color: #000000; 34 cursor: pointer; 35} 36 37.PB-range-slider-div { 38 display: flex; 39 align-items: center; 40 justify-content: center; 41 gap: 1rem; 42 padding: 1rem; 43 border-radius: 6px; 44 border: 1px solid #C6CACE; 45 box-shadow: 0px 1px 2px 0px #1F1E241F; 46} 47 48.PB-range-slidervalue { 49 font-weight: 600; 50}
2K views
2K views
MIT License