목록Range (2)

비전공자 개발일기

Neumorphism Custom Range Slider

0 * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #EDF1F4; } .box { position: relative; display: flex; justify-content: center; align-items: center; padding: 20px; background: linear-gradient(to bottom, rgba(0, 0, 0, .05), #EDF1F4); border-radius: 40px; box-shadow: 15px 15px 20px rgba(0,..
HTML _CSS 2022. 7. 30. 00:58
RANGE SLIDER

CSS Range Slider JS used for color-change and % label 0 html { height: 100%; display: flex; align-items: center; justify-content: center; font-family: 'Work Sans', sans-serif; text-align: center; } html h1, html h2, html h3, html h4, html h5, html h6 { margin: 0; } html h1 { color: #333; font-weight: 500; } html h3 { color: #aaa; font-weight: 500; } html h4 { color: #999; font-weight: 500; } htm..
HTML _CSS 2022. 5. 29. 00:36
이전 Prev 1 Next 다음