анимация

[Skaiman]

.username--style12:before {
    .m-faBase();
    .m-faContent(@fa-var-hurricane);
    color: inherit;
    padding-right: 4px;
    display: inline-block;
    animation: rotate-in-center 1s linear 0s infinite;
}

@keyframes rotate-in-center {
    0% {
        transform:rotate(0);
    }
    100% {
        transform:rotate(360deg);
    }
}

это замени

.username--style12:before { // Change the number 3 by the number of the user group you want.
    .m-faBase();
    content: "\f751"; // Change the unicode (f132) by the one you want to find on the site: Font Awesome Icons
    color: inherit;
    padding-right: 4px;
    display: inline-block;
}

 

[Kirill_Derek]

ура, спасибо вам

 

[Kirill_Derek]

.username--style12:before {
    .m-faBase();
    .m-faContent(@fa-var-hurricane);
    color: inherit;
    padding-right: 4px;
    display: inline-block;
    animation: rotate-in-center 1s linear 0s infinite;
}

@keyframes rotate-in-center {
    0% {
        transform:rotate(0);
    }
    100% {
        transform:rotate(360deg);
    }
}

это замени

.username--style12:before { // Change the number 3 by the number of the user group you want.
    .m-faBase();
    content: "\f751"; // Change the unicode (f132) by the one you want to find on the site: Font Awesome Icons
    color: inherit;
    padding-right: 4px;
    display: inline-block;
}

а есть возможность сделать так чтобы при нажатии только крутилось?)

 

[Skaiman]

а есть возможность сделать так чтобы при нажатии только крутилось?)

наверное при наведении, посмотрю

 

[Kirill_Derek]

наверное при наведении, посмотрю

да, при наведении

 

[Skaiman]

.username--style12 {
    &:before {
        .m-faBase();
        .m-faContent(@fa-var-hurricane);
        color: inherit;
        padding-right: 4px;
        display: inline-block;
    }
    &:hover {
        &:before {
            animation: rotate-in-center 1s linear 0s infinite;
        }
    }   
}

@keyframes rotate-in-center {
    0% {
        transform:rotate(0);
    }
    100% {
        transform:rotate(360deg);
    }
}

 

[Kirill_Derek]

спа

.username--style12 {
    &:before {
        .m-faBase();
        .m-faContent(@fa-var-hurricane);
        color: inherit;
        padding-right: 4px;
        display: inline-block;
    }
    &:hover {
        &:before {
            animation: rotate-in-center 1s linear 0s infinite;
        }
    }  
}

@keyframes rotate-in-center {
    0% {
        transform:rotate(0);
    }
    100% {
        transform:rotate(360deg);
    }
}

спасибо