新規作成ボタンを椎茸にするUserCSS
新規作成ボタンを椎茸にする
新規作成ボタンが椎茸に見えるときってないですか suto3.icon
私はたまにあります
ちょっとわかるblu3mo.icon
https://gyazo.com/e2fce4df88e708a90cc5e9d0dcd361e6
使い方
自分のページのstyle.css に次の文を追加
code:css
@import "/api/code/villagepump/新規作成ボタンを椎茸にするUserCSS/style.css"; /* */
code:style.css
.new-button {
--new-icon: url('/api/pages/villagepump/椎茸/icon'); /* */
--new-button-bg:transparent;
--new-button-horizontal-color:transparent;
--new-button-vertical-color:transparent;
}
.new-button::after {
content: ''; /* */
margin: -3px -20px; /* */
width: 40px;
height: 40px;
position: absolute;
background-image: var(--new-icon); /* */
background-size: 40px 40px;
}
code:style.css
.new-button:hover {
animation: spin 1.5s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#UserCSS
UserCSS.icon