• Upgrade Your Account
    Hello Guest ! Upgrade your account to download from our sections Here.
    How to upgrade your account to download resources Learn More.
    Guest need to see List rather permanently banned Members Learn More.
    Guest need to read through our rules and regulations Learn More.

Tutorials Add Font Awesome animated icons to your user groups

Status
Not open for further replies.

NullXF

Team NullXF
XF Root
Messages
9,303
Resources
3,292
Likes
3,687
#1
NullXF submitted a new resource:

Add Font Awesome animated icons to your user groups - Add beautiful animations to your user ranks

Hi xf,

Today I share a tutorial for : Add animations to your user ranks.

In the templates of your style go in extra.less

Add :

Less:
/* ANIMATION_GU_BY ZOOM */
.username--style3:hover:before{
display:inline-block;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode...
Read more about this resource...
 
Status
Not open for further replies.