nicht angemeldet
Gunnar Bittersmann@@ottogal
12 Dinger gleichmäßig auf einem Kreis verteilt – das hab ich doch irgendwo schon mal gesehen? Jetzt schlägst’s dreizehn! TIL was die Stunde von CSS geschlagen hat
Sehr schön! Lohnt sicher, das näher zu inspizieren.
Ja. Der Clou (oder sollte ich sagen: ein Clou?) an dem Zifferblatt ist, dass es nicht auf 12 getrimmt ist, sondern mit beliebig vielen Dingern funktioniert, die sich gleichmäßig auf einem Kreis verteilen. „Jetzt schlägst’s dreizehn!“ war nicht nur so dahergesagt. 😏
Mit CSS (jawoll!) wird die Anzahl der Dinger ermittelt, damit für jedes der Drehwinkel berechnet werden kann. Die Idee dazu stammt von diesem Codepen zu diesem Thread.[1]
Und wenn man das einmal hat, kann man auch ein Zifferblatt draus machen. Oder zwei: mit römischen und mit arabischen Zahlen. Und da kam dann @counter-style dazu (für IIII statt IV). Und font-variant-numeric und font-feature-settings (für 7 mit Strich statt 7 und eine andere 4).
Mal sehen, wann ich die Zeit finde... (Uhr läuft... 😁)
Stimmt. Wenn man das Zifferblatt einmal hat, sollten auch Zeiger dazukommen. Und dann sollte die Uhr auch laufen.
🖖 Живіть довго і процвітайте
Ad astra per aspera
Das Posting ist gealtert. Inzwischen unterstützt auch Firefox
:has()(nicht mehr hinterm Feature-Flag versteckt). ↩︎
Rolf B