generated at
Scrapboxに不動の背景をつける
Atomっぽい色合いにしたい!から分離。これも一つの機能として独立できそう。
=>UserScript版でさらに拡張 ランダムに背景を切り替える
AtomのEditBackground拡張機能みたいなイメージ。
thanks

使い方
HowToUse.css
@import "https://scrapbox.io/api/code/appbirdNotebook-public/Scrapboxに不動の背景をつける/style.css"; body::before{ background-image: url(/* url */); filter: brightness(60%); /* optional */ }
定義
使用時には最後に body::before クラスに対して background-image: も付け加えておくことで、自由に画像を設定できる。
また、 filter メソッドを用いて brightness blur も定義できる

style.css
body:not(.setBackgroundByUserScript)::before{ background-repeat: no-repeat; background-size: cover; background-position: center; z-index:-1; position: fixed; height: 100vh; width: 100%; content: " "; overflow: hidden; }