Files
2018-06-19 18:58:11 +03:00

18 lines
388 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); }
}