Кто знает как называется такой прелоадер?

Question

[maddog670]

Кто может подсказать название такого прелоадера который есть на этом сайте https://bouguessa.com/ ?

Comments

[Манучехр Жалолов]

а что в исходниках не чего нету!? CTRL + U )))

[maddog670]

Манучехр Жалолов, а ну найдите в исходниках

[Александр Аксентьев]

maddog670, обычный самопальный прелоадер найти в исходниках по intro можно.

а ну найдите в исходниках

может еще и сделать сразу, скидывайте ftp к серверу :D

[maddog670]

Александр Аксентьев, спасибо кеп, меня не интересует самопальный или нет. Меня интересует как такой прелоадер называется. Спасибо.

[Александр Аксентьев]

maddog670, ну так ведь прелоадер это и есть общее название всяких таких штук.
Какое еще название вы хотите?)

super javascript css html preloader можно назвать например :D

[Модератор]

4. После размещения вопроса пользователю запрещается осуществлять:

4.2. Редактирование вопроса с целью его искажения или замены бессвязным текстом.

[maddog670]

Александр Аксентьев, ну понятно, что название будет любое, я говорю про эффект. Жаль, что вы мыслите узко

[maddog670]

Модератор, ок

[Александр Аксентьев]

maddog670, да никак он не называется, абсолютно любую анимацию можете сделать при загрузке и любыми средствами хоть гифку во весь экран вставить это будет "прелоадер".
в данном примере просто несколько дивов двигаются в разные стороны JSом с position absolute и другими opacity эффектами через css. В конечном итоге они все становятся скрытыми.

Answer 1

[Hyubert]

Я думаю что вам нужен не елемент из сайта, а обяснение как это зделано.

Тут все - css анимация, ее состояния контролируються с js.

Например разез блоков реализован так:


Когда страница прогрузилась, то для блоков добавляеться класс.
с логотипом уже сложеная анимация:
- линия анимируеться scaleY


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


- появление логотипа в начале, анимируеться задавая для svg transform: translateZ

Comments

[maddog670]

На самом деле, я понимаю как это сделано и как это работает. Я думал, что есть какое-то название такому эффекту когда 2 части расходятся по разным сторонам, по типу, как есть всяким меню (гармошка), всякие слайдеры и т.д

[Манучехр Жалолов]

вроде я ему передал того же самого но не так подробно как вы))
ИМХО я думал что он сам поймёт, увы не как))

[maddog670]

Манучехр Жалолов, самовыпилитесь уже плиз

[Hyubert]

maddog670, если вы спрашиваете названия, то скорее всего найдете чтото похожое по запросу:
page transition (css)
slice transition
slice text css
не уверен, но если потратить достаточно времени в поисках такого же по запросам више, то скорее всего вы найдете боле точное название этого эффекта.

[maddog670]

Hyubert, вот это ответ) Спасибо)

Answer 2

[Максим Курильченко]

нет названия у этого прелоадера, всё описано в стилях и скриптах bouguessa