Tamamen CSS ile yapılmış dijital saat

 (quaxio.com)
4 puan yazan xguru 2021-01-02 | 1 yorum | WhatsApp'ta paylaş

  • JavaScript ve HTML olmadan, yalnızca CSS ile yapılmış dijital saat

  • Açıklamalar CSS kaynak kodu yorumlarında

→ 12:00:00'dan başlıyor

→ Keyframe kullanan CSS Animation ile 7 segmentli gösterge (LCD) ifade ediliyor

  • En az kodla bunu başarmak için çeşitli tarayıcı tweak'leri görülebiliyor

→ Yalnızca <link> etiketi eklense bile tarayıcı <html>, <head>, <body> öğelerini örtük olarak oluşturuyor

→ content: "" olmazsa ::before, ::after görünmüyor

→ display: block olmazsa html, head, link görünmüyor

→ border: 1px solid #fff gibi görünmeyen bir border belirtilmezse Safari animasyonu çalıştırmıyor

İlgili okumalar

1 yorum

 
kbumsik 2021-01-02

İsviçre yapımı deniyor ama dakika göstergesi pek de temiz görünmüyor :)