1
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; animationname: slideleft; animationduration: 1s;} .lfSlideUp { position: relative; animationname: slideup; animationduration: 2s;} .lfBounceIn { animationduration: 4s; animationname: bounceIn; color: rgb(16, 102, 136); cursor: pointer !important;} Tag the widgets in your FEB app with the Classes

AddAnimation!Code!and!Classesthat!use!the!code!to!your ......Add CSS class to section widget Which one is not true about Forms vvmcn one IS not true agout rorrns F Section2 Show background

  • Upload
    others

  • View
    12

  • Download
    0

Embed Size (px)

Citation preview

Page 1: AddAnimation!Code!and!Classesthat!use!the!code!to!your ......Add CSS class to section widget Which one is not true about Forms vvmcn one IS not true agout rorrns F Section2 Show background

   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