Scrapboxに不動の背景をつける

Atomっぽい色合いにしたい！から分離。これも一つの機能として独立できそう。

AtomのEditBackground拡張機能みたいなイメージ。

thanks

使い方

code:HowToUse.css

body::before{

background-image: url(/* url */);

filter: brightness(60%); /* optional */

}

定義

使用時には最後にbody::beforeクラスに対してbackground-image:も付け加えておくことで、自由に画像を設定できる。

また、filterメソッドを用いてbrightnessやblurも定義できる

code: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;

}