【CSS】videoにドットフィルターをかけよう | WEB-DEN

この記事にはPRが含まれます 動画に点々のような、網目のようなエフェクトがかかっているのを見たことはあるでしょうか？ 正式な名称は知りませんが、僕は勝手にドットフィルターと呼んでいます。 今回はそんなドットフィルターをCSSだけで実装する方法を解説します。 ドットフィルターってどんなの？ それはどんなんやねん？ということでまずはサンプルをご覧ください。 See the Pen Untitled by yukiwebcreate (@Yukiwebcreate) on CodePen. くらげさんが泳いでいる動画のうえに、 小さい黒い点が網目状に配置されており、フィルターがかかっております。 なんか見たことあるって感じですよね。 動画自体がそういうエフェクトをかけてある場合もありますが、 なんとコレがCSSだけで表現できちゃうんですよね。 ドットフィルターは、目が細かく、粗い画質に対する違和