Support Name with the animation

Solution
D
Code: 
.username--style16:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f4ba";
    padding-right: 1px;
    display: inline-block;
}
.username--style16:hover:before{
display:inline-block;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transition:all 0.8s;
-webkit-transition:all 0.8s;
-moz-transition:all 0.8s;
-ms-transition:all 0.8s;
-o-transition:all 0.8s
}
Sort by date Sort by votes
clangsm.cu

clangsm.cu

🆔 xen-Forum Developer
Registered
Debbie said:
[CÓDIGO].nombre de usuario--estilo16:antes de {
familia de fuentes: "Fuente Awesome 5 Pro";
contenido: "\f4ba";
relleno derecho: 1px;
pantalla: bloque en línea;
}
.username--style16:hover:antes{
pantalla: bloque en línea;
-webkit-transform:rotate(360deg);
-moz-transformar: rotar (360 grados);
-o-transformar: rotar (360 grados);
-ms-transformar: rotar (360 grados);
transformar: rotar (360 grados);
-webkit-transform:rotate(360deg);
-moz-transformar: rotar (360 grados);
-ms-transformar: rotar (360 grados);
-o-transformar: rotar (360 grados);
transición: todo 0.8s;
-transición de webkit: todos los 0.8s;
-moz-transición: todos los 0,8 s;
-ms-transición: todos los 0,8 s;
-o-transición: todos los 0.8s
}[/CÓDIGO]
Click to expand...


Este código incluye también el ícono ?
 
Upvote 0 Downvote
You must log in or register to reply here.
  • Tags
    name with the animation support name with the animation xenforo name with the animation
    • Back
    Top Bottom