on:2014年3月17日sponsorsまずは、デモの一部をアニメーションgifにしたものから。なにこのかっこいいスライダーは!!!って感じです。Slideshowコンテンツの各アイテムをふわりと浮かせて、斜めのクロスを軸にびゅーんとスライドさせるかなりかっこいいコンテンツスライダーを紹介します。Appleのプロダクトページに使われそうなエフェクトですね。アニメーションgifでは一部の動きなので、下記のデモページで他のエフェクトもお楽しみください。デモページアイデアの元となったのはFWAのランディングページで、こちらはさらにふわふわ浮いています。FWA実装方法は長いのでコードの紹介はここではしませんが、下記ページからコードをまるごとダウンロードできます。SlideshowスライドのアニメーションはCSS3で、各アイテムはdata属性を付与することでアニメーションをコントロールできるようになっています。