principles-ui-components
Version:
Supporting UI controller for Tizen TV web application, which developed base on React Framework.
31 lines (26 loc) • 716 B
CSS
@keyframes doScale
{
0% {transform: scale(1, 1) translateZ(100px); }
100% {transform: scale(1.08, 1.08) translateZ(100px);}
}
@keyframes doScaleBack
{
0% {transform: scale(1.08, 1.08); }
100% {transform: scale(1, 1);}
}
@keyframes doEnlarge
{
0% {transform: scale(1, 1) translateZ(100px); }
100% {transform: scale(1.2, 1.2) translateZ(100px);}
}
@keyframes Appear
{
0% {transform: scale(0.83, 0.83) translateZ(100px);}
100% {transform: scale(1.0, 1.0) translateZ(100px);}
}
@keyframes Disappear
{
0% {transform: scale(1.0, 1.0) translateZ(100px); opacity: 1.0; }
29.4% {opacity: 0; }
100% {transform: scale(0.85, 0.85) translateZ(100px); opacity: 0; }
}