4P by xguru 7달전 | favorite | 댓글 1개

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

kbumsik 7달전  [-]

스위스 메이드 라는데, 분 표시가 깔끔하지는 않네요 :)