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