Docs

[Nilesh L]

How do I get this cog to spin when using in a menu in X-theme?

<p>

    <i class="spin x-icon x-icon-cog"></i> settings

</p>

See this http://jsfiddle.net/tagliala/96ULe/3/

[Friech]

Hi There,

Thanks for writing in! You can add this on top of Custom > CSS in the Customizer.

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

Then update your icon code to

<i class="fa-spin x-icon x-icon-cog"></i> settings

Hope it helps, Cheers!

[Author]

Posts