デザインとWeb開発とその他諸々。MEDIA-MASSAGEデザインとWeb開発とその他諸々。MEDIA-MASSAGE.netブログ作品・活動プロフィールYouTube動画にブラー効果をアニメーションで適用する2016.03.30(最終更新:2017.02.13)ブログCSSYouTubeアニメーション約400字CSSのfilterプロパティを使うと、YouTubeの動画に後からぼかし効果を加えることができる。animationプロパティと組み合わせてブラー効果を周期的に変化させるようなデモを作ってみた。FPSゲームでダメージを食らって死にそうなときの表現に似ている。面白いので使ってみたくなるが、クロスブラウザでの動作がかなり怪しい。PCでもSPでも万全に使用できる雰囲気ではないので、仕事の案件で使うのは難しそうだ。2016年3月での検証結果Chrome/Safari/Firefoxで動作IE非対応Android4.4.4で動作iPhoneで一度フルスクリーン状態になるとそれ以降正常に適用されない。代表するものではありません。アニメーションShareツイートシェアBY-NCライセンスで転載・二次利用できますProfiley_hokkey/ほりでー1988年生まれ。多摩美グラフィックデザイン学科を中退。デザイナーとしてグラフィック・エディトリアル・Web・UIのデザインを経験した後、Webフロントエンドエンジニアも経験。現在はITコンサルタントとして外資系SIerに在籍中。詳しいプロフィールを見るTwitter気になるニュースを共有しています!Twitterを見るQiitaQQiitaによく投稿しています!Qiitaの記事を見るLIKELIKEMEDIA-MASSAGE.netデザインとWeb開発とその他諸々。