123456789101112131415161718192021222324 |
- @keyframes lightSpeedInLeft {
- from {
- transform: translate3d(-100%, 0, 0) skewX(30deg);
- opacity: 0;
- }
- 60% {
- transform: skewX(-20deg);
- opacity: 1;
- }
- 80% {
- transform: skewX(5deg);
- }
- to {
- transform: translate3d(0, 0, 0);
- }
- }
- .lightSpeedInLeft {
- animation-name: lightSpeedInLeft;
- animation-timing-function: ease-out;
- }
|