Hi css geeks?
How can I Rotate a bootstrap glyphicon or font awsome icon?
Actually i want to show an animation while ajax is performing search.

Hi css geeks? How can I Rotate a bootstrap glyphicon or font awsome icon? Actually i want to show an animation while ajax is performing search.

Hi John!
Hope i got your question right, you want to add a rotation animation on any html element which can be an image or a bootstrap glyphicon or font aswome icon.

Let em share some code with you which can help with it.

lest assume you make a class rotate-animation following code will rotate any html element be it image or text.

.rotate-animation {

    -webkit-animation:rotate-continuous 4s linear infinite;
    -moz-animation:rotate-continuous 4s linear infinite;
    animation:rotate-continuous 4s linear infinite;
}
@-moz-keyframes rotate-continuous { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes rotate-continuous { 100% { -webkit-transform: rotate(360deg); } }
@keyframes rotate-continuous { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
Hi John! Hope i got your question right, you want to add a rotation animation on any **html** element which can be an image or a **bootstrap glyphicon** or **font aswome** icon. Let em share some code with you which can help with it. lest assume you make a class **rotate-animation** following code will **rotate** any html element be it image or text. ```` .rotate-animation { -webkit-animation:rotate-continuous 4s linear infinite; -moz-animation:rotate-continuous 4s linear infinite; animation:rotate-continuous 4s linear infinite; } @-moz-keyframes rotate-continuous { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes rotate-continuous { 100% { -webkit-transform: rotate(360deg); } } @keyframes rotate-continuous { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } ````

Muhammad Ali Rafique

edited Aug 19 '16 at 12:12 pm
56
views
1
replies
2
followers
live preview
enter atleast 10 characters
WARNING: You mentioned %MENTIONS%, but they cannot see this message and will not be notified
Saving...
Saved
All posts under this topic will be deleted ?
Pending draft ... Click to resume editing
Discard draft