エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
簡易的なダークモード・その2
Result 以前書いたCSSで出来る簡易的なダークモードの改良版です。 以前のコードだと画像や動画なども反... Result 以前書いたCSSで出来る簡易的なダークモードの改良版です。 以前のコードだと画像や動画なども反転させてしまい、機能しなかったので画像や動画も含められるように。 尚、以前同様にダークモードのスイッチにはJSを使用していますのでCSSのみで施工したい場合は便宜変更ください。 css.inverted { filter: invert(100%) hue-rotate(180deg); } .inverted img, .inverted iframe{filter: invert(100%) hue-rotate(180deg); }方法はいたって単純で、反転させたくない要素を再反転させればOKです。 たとえばvideoタグも追加したい場合は .inverted img, .inverted iframe, .inverted video{filter: invert(100%)
2020/10/02 リンク