# 순수하게 CSS로만 만든 디지털 시계 > Clean Markdown view of GeekNews topic #3513. Use the original source for factual precision when an external source URL is present. ## Metadata - GeekNews HTML: [https://news.hada.io/topic?id=3513](https://news.hada.io/topic?id=3513) - GeekNews Markdown: [https://news.hada.io/topic/3513.md](https://news.hada.io/topic/3513.md) - Type: news - Author: [xguru](https://news.hada.io/@xguru) - Published: 2021-01-02T12:40:50+09:00 - Updated: 2021-01-02T12:40:50+09:00 - Original source: [quaxio.com](https://www.quaxio.com/pure_css_digital_clock.html) - Points: 4 - Comments: 1 ## Topic Body - JavaScript 및 HTML도 없이 CSS로만 만든 디지털 시계 - 설명은 CSS 소스 주석에 ㅤ→ 12:00:00 부터 시작 ㅤ→ Keyframe을 이용한 CSS Animation 으로 7 세그먼트 표시장치(LCD)를 표현 - 최소한의 코드를 위한 다양한 브라우저 트윅들을 볼수 있음 ㅤ→ 태그만 넣어도 브라우저가 ,,는 암시적으로 생성 ㅤ→ content: "" 이 없으면 ::before , ::after 가 보이지 않음 ㅤ→ display: block 이 없으면 html, head, link 는 보이지 않음 ㅤ→ border: 1px solid #fff 처럼 안보이는 보더를 지정하지 않으면 사파리는 애니메이션 안함 ## Comments ### Comment 4096 - Author: kbumsik - Created: 2021-01-02T15:05:47+09:00 - Points: 1 스위스 메이드 라는데, 분 표시가 깔끔하지는 않네요 :)