|
|
| .waves > .parallax use {
|
| animation: wave 25s cubic-bezier(0.5, 0.5, 0.45, 0.5) infinite;
|
| transform: translateZ(0);
|
| will-change: transform;
|
| backface-visibility: hidden;
|
| }
|
|
|
| .waves > .parallax use:nth-child(1) {
|
| animation-delay: -2s;
|
| animation-duration: 7s;
|
| }
|
|
|
| .waves > .parallax use:nth-child(2) {
|
| animation-delay: -3s;
|
| animation-duration: 10s;
|
| }
|
|
|
| .waves > .parallax use:nth-child(3) {
|
| animation-delay: -4s;
|
| animation-duration: 13s;
|
| }
|
|
|
| .waves > .parallax use:nth-child(4) {
|
| animation-delay: -5s;
|
| animation-duration: 20s;
|
| }
|
|
|
| @keyframes wave {
|
| 0% {
|
| transform: translate3d(-90px, 0, 0);
|
| }
|
| 100% {
|
| transform: translate3d(85px, 0, 0);
|
| }
|
| }
|
|
|
| .waves {
|
| contain: none;
|
| }
|
|
|
