Files
NativeScript/e2e/animation/app/css-animations/transform/page.css
2019-08-22 13:57:40 +03:00

32 lines
448 B
CSS

.original {
transform: none;
}
.transformed {
animation-name: transformed;
animation-duration: 2s;
animation-fill-mode: forwards;
}
@keyframes transformed {
from {
transform: none;
}
30% {
transform: translate(100, 100);
}
55% {
transform: translate(0, 0) scale(3, 3);
}
75% {
transform: scale(1, 1) rotate(180);
}
to {
transform: rotate(0);
}
}