mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
32 lines
448 B
CSS
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);
|
|
}
|
|
}
|