CSSでカメラのレンズ・フォーカスリングをイメージフィルタをうまく使って表現したアニメーション Animated camera focus ring

Tweet

238

Animated camera focus ring

See the Pen Animated camera focus ring by Mitch Pruitt (@mitchdot) on CodePen.

http://codepen.io/mitchdot/pen/LhFqm

うまく動いていない場合は、リンク先で確認するか。RERUNを押してください
CSSの画像フィルターのブラーを使って画像にぼかしを動的なアニメーションにして、フォーカスリングを回転させるアニメーションと組み合わせたものです、とてもうまく表現されています
CSSのblurはwebkit系のブラウザで動作します

Tweet

短縮URL:

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