フリップ時計 - 無料でオンライン利用 | ToolXHub

ページには時、分、秒の 6 桁が表示され、各桁は上半分と下半分で構成されています。番号が変わると、上半分が下向きに反転して新しい番号の上半分が表示され、同時に下半分が反転して新しい番号の下半分が表示され、実際の機械的なページターニング効果をシミュレートします。フリップアニメーションは、物理慣性に準拠した加速と減速のプロセスがあります。

ページターニング効果は、デジタル画像を上半分と下半分に分割し、 rotateX を使用して回転してページターニングをシミュレートする CSS 3 D 変換によって達成されます。このアニメーションは、重力加速度の効果をシミュレートするために立方ベジエ減速関数を使用します。Canvas や WebGL を使用して、より詳細なシャドウやハイライトを実現するバージョンもあります。

デスクトップ時計として装飾に適した古典的なページターニングスタイルはシンプルでエレガントです。イベントカウントダウンやミーティングタイミングなどのシーンにも使用されます。フリップターニングアニメーションは、デジタルジャンプチェンジよりも儀式的な雰囲気があります。

ページングクロックツールは、古典的なページングクロックの機械的アニメーション効果をシミュレートします。数字が反転すると、実際の物理的な反転アニメーションがあります。