UserCSS:画像

画像の外周に影をつける

code:stylexx.css

.deco-\| img{

box-shadow: 0px 0px 10px 0px var(--text-color, rgba(0,0,0,0.5));

}

画像の表示サイズを［** ］で設定できるようにする

code:style.css

.level-1 img { width: 16.7%; max-height: none; }

.level-2 img { width: 33.3%; max-height: none; }

.level-3 img { width: 50%; max-height: none; }

.level-4 img { width: 66.7%; max-height: none; }

.level-5 img { width: 83.3%; max-height: none; }

.level-6 img { width: 100%; max-height: none; }

code:style.css

.line .image{

box-shadow: 4px 4px 12px -4px var(--text-color, rgba(0,0,0,0.5));

}

UserCSS.icon

https://img.shields.io/badge/UserCSS-画像-1572B6.svg?logo=css3&style=for-the-badge