CSSの画像フィルターを使ったアニメーションの演出 ～Animated skewed panes～

Tweet

238

Animated skewed panes

See the Pen Animated skewed panes by Terry Mun (@terrymun) on CodePen.

http://codepen.io/terrymun/pen/jeCuv

CSSだけで作られたものです
CSSの画像フィルターのblurとgrayscale、contrasをつかったものを画像の一部にかかるようにして
その要素をアニメーションで自動的に動くようにしたものです

このまま一つのサイトのトップページに使えそうです
画像フィルターはwebkit系のブラウザで動作します

Chromeやoperaで確認できます
アニメーションが止まっている場合は、codepenの埋め込みのRERUNを押すか、リンク先で御覧ください

Tweet

短縮URL:

2014年01月28日 WEB制作系 コード・プラグイン CodePenPure CSS