menu

arrow_back Who knows how is this preloader?

by
0 votes
Can anyone suggest the name of such a preloader which is on this website https://bouguessa.com/ ?

9 Comments

Alexander Arsentiev well it is clear that the title will be any, I'm talking about the effect. Sorry that you are thinking narrowly
maddog670 , but does he not called, any animation can do at boot by any means though SFII in full screen paste this is "preloader".
in this example, just a few DIVS moving in different directions Or with position absolute opacity and other effects through css. Eventually they all become hidden.
4. After placing the question the user is forbidden to carry out:

4.2. Edit the question with a view to its alteration, or replacement of an incoherent text.
maddog670 , well, because the preloader is the General name for all such pieces.
What name do you want?)

super javascript css html preloader can be called for example :D
A Slap Of Jalolov and well find it in the source
maddog670 ordinary self-made preloader to find the sources for the intro can.
well look in the source code

maybe I should do immediately, throw off ftp to the server :D
Alexander Arsentiev thanks kep, I'm not interested in self-made or not. I'm interested in how this preloader is called. Thank you.
what's in the source, not what is not!? CTRL + U )))

2 Answers

by
 
Best answer
0 votes
I think what you want is not element of the site and explanation of how it is made.

Here is all the css animation, its state kontroliruyut with js.

For example, rates blocks implemented like this:
5b2a9d217146d699103839.png


When the page is progresivas, for blocks dobavlyaetsya class.

с логотипом уже сложеная анимация:

- линия анимируеться scaleY
5b2a9dd608f41305186612.png


- логотип - две разделение svg, блок родитель анимируэться при разезде вот так:
5b2a9f9179aca620198840.png


- появление логотипа в начале, анимируеться задавая для svg transform: translateZ
by
0 votes
no names this preloader, it's all covered in the styles and scripts bouguessa