ホームページ制作
ユニゼロワン
機能DEMOサイト
ユニゼロワン機能DEMOサイト

Verticla Curved Timeline

カテゴリ：WEB機能
DEMOにある機能は、ご希望に応じて様々にカスタマイズできます
TOPページに戻る

このページの機能についてのお問合せは、Tipsユニゼロワンサイトに進み、照会番号でお願いします。

Tipsユニゼロワン
照会番号：DEMO2-
45813
  • 表示されるボタンの多くはサンプルDEMOにつき機能しません。
  • ほとんどの機能は、カスタマイズが可能で、複数の機能を組み合わせることもできます。
  • 完全にオーダーメイドでの機能作成も承っております。（グループサイト STUDIO ユニゼロワンをご参照ください）
  • ほとんどの機能がフルレスポンシブ機能（スマートフォンやタブレットでの最適化表示）に対応しており、大幅に調整又は別レイアウトでの制作にも対応しています。
  • フルレスポンシブ機能を確認するには、「デバイスプレビューを見る」ボタンからお進みください。
  • 異なるプログラミング手法による同じ機能も他の機能DEMOグループサイトでご紹介しております。
Vertical Curved Timeline は、縦方向にカーブしたライン上にイベントを配置する“曲線型タイムライン表示委機能です。

主な特徴

  • 縦にカーブしたラインで時系列を表現
  • 左右交互にイベントカードを配置し、視線誘導が自然
  • アイコン・年号・テキストを自由にカスタマイズ
  • スクロール時にアニメーションを付与可能
  • LP・会社沿革・ストーリー紹介に向いたデザイン性の高いUI

よく使われる場面

  • 会社沿革（History / About Us）
  • ブランドやサービスのストーリー紹介
  • プロジェクトの進行ステップ
  • イベント年表・人物の経歴紹介
  • LPでのストーリー性を持たせたいセクション

📱 デバイスプレビューを見る

The Legendary Journey of

Roger Federer

From his early training days to becoming the world’s No. 1, Roger Federer’s career is a testament to skill, dedication, and greatness. Relive the milestones that defined his legacy in the world of tennis.
1

Roger Federer Started Training

From an early age, Federer showed an aptitude for sports and began playing tennis at the age of eight.
2

Olympics Games in 2000

Federer competed at the 2000 Olympic Games in Sydney, advancing to the bronze medal match.
3

First Stepping onto the Podium when 17

He won numerous national championships and made his mark on the international stage by becoming a top junior player in 17.
4

Number One in the World.

In 2004 he finished the year ranked number one in the world, was victorious in 11 of the 17 tournaments he played in.
5

Winning his first Grand Slam

Their first major breakthrough by winning his first Grand Slam title at Wimbledon, defeating Mark Philippoussis in the final.
6

Best Game Player

In 2006 Federer continued to be the game’s best player. In addition to winning Wimbledon, he was victorious at the Australian Open and the U.S.