Scrapboxに不動の背景をつける
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.cssbody: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;
}