Tutorials Custom user banner styles

Marks-Man

Administrator
Joined: Mar 15, 2021
Messages: 63
Resources: 14
Points: 18
Reaction score: 28
userBanner--OfficialUser



.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;
}
 
  • Tags
    2.2.x banner custom user xenforo
  • Top