Meine Favoriten

Noch keine Favoriten. Klicken Sie auf die Lesezeichen-Schaltfläche einer Werkzeugseite, um welche hinzuzufügen.

Flip-Uhr - Kostenlos Online Nutzen | ToolXHub

Nutzen Sie Flip-Uhr kostenlos online, kein Download erforderlich. ToolXHub bietet hunderte lustiger Online-Tools.

Flip Clock

A flip-animation desk clock; digits flip when they change.

:
:
Showing local time.

Über dieses Tool

Flip Clock is a free online tool. A flip-animation style clock for your desk.

Die Seite zeigt sechs Ziffern von Stunde, Minute und Sekunde an, und jede Ziffer besteht aus oberen und unteren Hälften. Wenn sich die Zahl ändert, dreht sich die obere Hälfte nach unten um, um die obere Hälfte der neuen Zahl anzuzeigen, und zur gleichen Zeit dreht sich die untere Hälfte um, um die untere Hälfte der neuen Zahl anzuzeigen, um einen echten mechanischen Seitendrehen-Effekt zu simulieren. Die Flip-Animation hat einen Beschleunigungs - und Verzögerungsprozess, der der physischen Trägheit entspricht.

Der Seitendreh-Effekt wird durch CSS 3D-Transformation erreicht, die das digitale Bild in oberen und unteren Hälften teilt und rotateX verwendet, um das Seitendrehen zu simulieren. Die Animation verwendet die cubic-bezier Verlangsamungsfunktion, um den Effekt der Schwerkraftbeschleunigung zu simulieren. Einige Versionen verwenden Canvas oder WebGL, um detailliertere Schatten und Highlights zu erreichen.

Geeignet für die Dekoration als Desktop-Uhr, ist der klassische Seitendrehen Stil einfach und elegant. Es wird auch für Szenen wie Event Countdown und Meeting Timing verwendet. Flip-turning - Animationen haben ein zeremonielles Gefühl als digitale Sprungänderungen.

Das Paging-Uhr - Tool simuliert den mechanischen Animationseffekt der klassischen Paging-Uhr. Es gibt eine echte physische Flip-Animation, wenn die Zahl umgedreht wird.