순수하게 CSS로만 만든 디지털 시계
(quaxio.com)- JavaScript 및 HTML도 없이 CSS로만 만든 디지털 시계
- 설명은 CSS 소스 주석에
ㅤ→ 12:00:00 부터 시작
ㅤ→ Keyframe을 이용한 CSS Animation 으로 7 세그먼트 표시장치(LCD)를 표현
- 최소한의 코드를 위한 다양한 브라우저 트윅들을 볼수 있음
ㅤ→ 태그만 넣어도 브라우저가 ,
ㅤ→ content: "" 이 없으면 ::before , ::after 가 보이지 않음
ㅤ→ display: block 이 없으면 html, head, link 는 보이지 않음
ㅤ→ border: 1px solid #fff 처럼 안보이는 보더를 지정하지 않으면 사파리는 애니메이션 안함