Image Gallery Wheel 記事

これは新しい、回転する円形のイメージギャラリー実装サンプル。
divを並べた簡単なマークアップなのに以下のような複雑なレイアウトを作れています（画像ではありません）
svgを使ってマスク処理されていることで画像のマスキングは実現されているようで、更にradiusやrotateなどを使ってアニメーションも実装されています



クリックでアニメーションしながら画像が切り替わります



マークアップは超シンプル



色々と応用することでこういうことができるんですね。

関連エントリ

• CSS編集がブラウザ上でリアルタイムに行えホスティングもしてくれる「WebPutty」
• ピュアCSSなソーシャルサイトのログインボタン
• CSSだけで実現したMac OS X風ドック「CSS Dock (V2)」
• レスポンシブデザインのためのCSSフレームワーク１５