AddAnimation!Code!and!Classesthat!use!the!code!to!your ......Add CSS class to section widget Which...

Preview:

Citation preview

   Add  Animation    Code  and  Classes  that  use  the  code  to  your  style  sheet    /*  The  animation  code  */   /*  The  classes  that  use  the  animation  */    @keyframes  slideleft  {            0%      {left:  1200px;  top:0px;}          100%    {left:0px;  top:0px;}}    @keyframes  slideup  {            0%      {left:  0px;  top:1000px;}          100%    {left:0px;  top:0px;}    @keyframes  bounceIn  {      0%  {          transform:  scale(0.1);          opacity:  0;}      60%  {          transform:  scale(1.2);          opacity:  1;}      100%  {          transform:  scale(1);}}  

 .lfSlideLeft  {          position:  relative;          animation-­‐name:  slideleft;          animation-­‐duration:  1s;}    .lfSlideUp  {          position:  relative;          animation-­‐name:  slideup;          animation-­‐duration:  2s;}    .lfBounceIn  {      animation-­‐duration:  4s;      animation-­‐name:  bounceIn;        color:  rgb(16,  102,  136);      cursor:  pointer  !important;}  

 Tag  the  widgets  in  your  FEB  app  with  the  Classes    

     

Recommended