How to make a smooth animated background at the site?

0 like 0 dislike
10 views
The crux of the matter is this, back won need smoothly to the top to fly elements (fine drawings of the type of font-awesome) about how at this link https://codepen.io/subz/pen/GgPrJP. The code I took from there, only the animation started from the bottom to the top. The problem is that it uses the image of 400px to 400px and accordingly it is repeated, filling the whole look, but you want certain elements of the image (darker) was always on the sides of the logo in the center. The first thing that came to mind, to take the image more (the size of the screen) to the entire background filled in, to center it and when you reduce the screen to reduce the image, but when the big picture starts to twitch animation. You can see how it restarts. Accordingly, the question arises how to make the animation smoother, whether I actually do it may better to use another method, such as these images separately to add and withdraw ?
by | 10 views

1 Answer

0 like 0 dislike
make similar pattern. Pozitsioniruesh it. Ask him the speed of the animation
-webkit-animation: slide 300s linear infinite;
by

Related questions

0 like 0 dislike
1 answer
0 like 0 dislike
1 answer
0 like 0 dislike
1 answer
0 like 0 dislike
1 answer
110,608 questions
257,186 answers
0 comments
33,912 users