UserCSS:新規作成ボタン

新規作成ボタン

code:style.css

.new-button:hover {

animation: spin 1.5s linear infinite;

}

@keyframes spin {

0% {

transform: rotateY(0deg);

}

100% {

transform: rotateY(360deg);

}

}

code:stylexx.css

.new-button {

position: fixed;

left:0;

}

code:stylexx.css

.new-button { /* 新規ボタンを消す */

visibility: hidden;

}

新規作成ボタンを画像にする

code:style.css

.new-button {

--new-button-bg:transparent;

--new-button-horizontal-color:transparent;

--new-button-vertical-color:transparent;

}

/*.new-button::before {*/

.new-button::after {

content: ''; /* */

margin: -3px -20px; /* */

width: 40px;

height: 40px;

position: absolute;

background-image: var(--navi-icon-B); /* */

background-size: 40px 40px;

}

https://img.shields.io/badge/UserCSS-新規作成ボタン-1572B6.svg?logo=css3&style=for-the-badge

UserCSS.icon