STERFIELD
開発ナレッジ2013.09.25

ナビゲーションに面白いアニメーションが使われたサイト

ナビゲーションにアニメーションを使うことは、今ではごく普通のこととなりましたが、

アニメーションの仕方がちょっと変わっていて面白いサイトを集めてみました。

 

「女子旅つくるプロジェクト」

女子旅つくるプロジェクト

CSS3アニメーションとjQueryを組み合わせたアニメーションが使われています。

数種類のアニメーションが組み合わされていて、

とてもきれいです。

 

「Azitas 新卒採用2014・2015」

Azitas 新卒採用2014・2015

ホバーアニメーションは普通ですが、

ナビゲーションにGIFアニメが使われていて、

思わず目が止まります。

 

「FONTA」

FONTA

 

CSS3アニメーションとjQueryを組み合わせたアニメーションが使われています。

Webアプリとしてのリッチな印象を、アニメーションが高めています。

 

「しゅんおき!旬香周島おきなわ」

しゅんおき!旬香周島おきなわ

 

CSS3アニメーションがバナー類に使われています。

ゆったりとしたアニメーションが、控えめながら印象を残します。

 

「風景結々」

風景結々

 

左側のナビゲーションにアニメーションが使われています。

よく見るアニメーションのように思いましたが、

よくみると、色の反転の仕方などが凝っています。

 

 

 

WRITER

ninomiya

Webデザイナー兼コーダー出身のフロントエンド開発者です。 UXデザインやチーム開発の効率化など、勉強中です。

この著者の記事を見る

CONTACT

記事の内容について
相談したい方へ

実際の進め方は、状況を伺ってからご提案します。

2営業日以内にご返信します
資料ダウンロード無料相談に申し込む