Upload
others
View
12
Download
0
Embed Size (px)
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