Preloader for the site?
You need to make a preloader.
1 light background
2 against this background swing door
3 upper text text logo.
4 lower text Discover perfection
5 without delay, the text approaches the user and dissolves
6 doors open at this time
7 with the effect that the user allegedly flies inside
3D is probably what it's called.
8 and during all these actions all elements dissolve.
I'm pretty sure you can do without js here. CSS needs to handle lightweight. Try
@ keyframesand play around with the scale and opacity of the door and logo at certain points. It seems to me that this will help achieve the goal of "getting closer to the user".
The opening door is also in the same way, but with the help of translate somehowAnonymous
You need to find / draw a picture with the animation of the door opening, and do something like that
Yes, scale will be smarter than setting the size if the picture at high magnification does not look clumsy. If the picture is drawn, it may be more correct to specify the size in pixels.Anonymous
To place the code, please use CodePen or similar tool. Thanks you!