Marks-Man
Administrator
userBanner--OfficialUser
Click to expand...
.userBanner--OfficialUser {
color: #fff;
padding: 1px 2px;
background-color: #CC6699;
font-weight: bold;
font-style: normal;
border: 0.5px solid transparent;
border-radius: 1px;
border-block-width: 5px;
&:before {
font-family: "Font Awesome 5 Pro";
padding-right: 5px;
content: "\f132"
}
}
.userBanner--OfficialUser:hover:before {
display: inline-block;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transition: all .8s;
-webkit-transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-o-transition: all .8s;
}
Click to expand...
Continue reading...