목록시계 (2)

비전공자 개발일기

Neomorphic Analog Clock

html { background: #09131d; text-align: center; font-size: 10px; } body { margin: 0; font-size: 2rem; display: flex; flex: 1; min-height: 100vh; align-items: center; } .clock { width: 30rem; height: 30rem; border: 7px solid #09131d; box-shadow: -4px -4px 10px rgba(67, 67, 67, 0.5), inset 4px 4px 10px rgba(0, 0, 0, 0.5), inset -4px -4px 10px rgba(67, 67, 67, 0.5), 4px 4px 10px rgba(0, 0, 0, 0.3);..
Javascript 2022. 9. 16. 00:42
Analog Clock

12 3 6 9 : : @font-face { font-family: "Digital-7"; font-style: normal; font-weight: 400; src: local("Digital-7"), local("Digital-7-Regular"), url(https://allfont.net/cache/fonts/digital-7_b73ef91485431ac0271f24009e14ccee.woff) format("woff"), url(https://allfont.net/cache/fonts/digital-7_b73ef91485431ac0271f24009e14ccee.ttf) format("truetype"); } :root { --clock-size: 300px; } * { box-sizing: b..
Javascript 2022. 7. 3. 00:44
이전 Prev 1 Next 다음