Circle Navigation Effect with CSS3 | Codrops

CSS3を使った超カッコいいナビゲーション付きスライドショー実装例
スライドショーというよりかは、ナビゲーションがポイントなんですが、画像の下部に円形でアニメーションしながら次の画像を表示出来るなんていうナビゲーション付きです。
そもそもの写真もカッコいいのですが、ナビゲーションの動き具合がなかなかのセンスを感じます。



プログラムのダウンロードも可能なので、これは機会があれば是非使ってみたいと思ってしまいました。
仕組みとしてはborder-radiusを大きくして円形にしつつアニメーションをかましてるという具合のようです。

このテクニックは色々応用できそうですね

関連エントリ

• 画像切替が超カッコいいスライドショーが実装できるjQueryプラグイン「Diapo」
• 3D効果を使って迫力あるスライドショーを作れる「Slicebox」
• 迫力あるフルスクリーンの背景スライドショーが実装できるjQueryプラグイン