前の記事 ≪:PDF、画像、動画、音声等をブラウザ上で統一したUIで閲覧できるように...
次の記事 ≫:物理ベースのアニメーションライブラリ「Dynamics.js」

SVGのclippathを使った超絶カッコイイ記事の表示エフェクト実装デモ

2015年06月25日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

Card Expansion Effect with SVG clipPath | Codrops

SVGのclippathを使った超絶カッコイイ記事の表示エフェクト実装デモ。
アイテムがならんでいて、クリックすると普通に遷移するのではなく、SVGを駆使した美しいアニメーションをつけてアイテムを開くものです。
アプリのような美しい表現をブラウザ上で実現していて一見の価値ありです。



関連エントリ

スポンサード リンク

By.KJ : 2015年06月25日 10:00 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)