How are these sites?

0 like 0 dislike
19 views
The customer asked to make the animation as on this site redcollar.ru .Tell me, how do coders with knowledge of html, css and a little jquery to do this?To the background was varied at best personal Finance, etc. and generally using what exactly is done here, maybe used some ready-made solutions?
by | 19 views

5 Answers

0 like 0 dislike
This is called parallax, in Google a lot of information on this subject and are ready libraries
by
0 like 0 dislike
It is possible to start to find cool examples of background change and develop\\pick\\adapt:
by
0 like 0 dislike
In this website the background is made quite simple and without all of the crap that you have advised above.
\rprntscr.com/jalr34

In the background the block is filled with a gradient. Scrolling changes the position of the background and get this effect. Similarly happens when you stretch the block, not on the size of the screen, and the entire content. And js is not required, unless you want to control the speed of displacement of the background with a gradient.
by
0 like 0 dislike
And generally with what exactly was done here


Specifically, much has been done here on three.js (Yes almost everything). Brakes mainly come from the same tool, but rather from the fact that they are a little overused where you can do everything easier.

as a web designer with knowledge of html, css and a little jquery to do this?


Parallax pictures, text and gradient backgrounds for partitions; change of labels and plus - svg animation; videos on the background; a bit of css transforms for transitions between pages SPA; accordingly, the router, the practice shows that in such situations it makes sense to write your own, custom; scale on the right - even css transitions on the pages of projects and agencies - large pictures, a video, a little svg animations, a lot of absolute positioning, a little effect scrollfire + css-transitions; somewhere in between - uploading resources Ajax. If to divide all this into separate tasks, then this site will be quite feasible, the main thing - not to complicate the blue.
by
0 like 0 dislike
Change the color of the background for best personal Finance - is done in js, there are ready libs.
Video effects - one unit with video and the second block inside the reduced video.
Text effects and a couple effects - shaders in webgl.
The rest of js.
by

Related questions

0 like 0 dislike
2 answers
asked Apr 20, 2019 by Farrien
0 like 0 dislike
1 answer
0 like 0 dislike
3 answers
asked Jun 10, 2019 by SergeyRamanyuk
0 like 0 dislike
3 answers
110,608 questions
257,186 answers
0 comments
33,727 users