Как создать preloader загрузки страницы?

Question

[Антон Сурнин]

Добрый день, уважаемые разработчики!
Подскажите пожалуйста как называется такой эффект предзагрузки информации на странице? Пытаюсь найти в гугле по запросу preloader, preloader css но ничего похожего не нашел. Может быть не в том направление ищу.
Направьте пожалуйста в нужную стезю.
Хочу научиться так делать. На мой взгляд это очень вежливо по отношению к пользователю сайта.

Comments

[Kovalsky]

https://cloudcannon.com/deconstructions/2014/11/15...
https://codepen.io/naazim/pen/JKjgwL

[Антон Сурнин]

Никита Полевой, Благодарю!!!

Answer 1

[Максим Тимофеев]

preloader css но ничего похожего не нашел

потому что preloader js или preloader jquery
В css в отличии от js нет события загрузки страницы. Так что на чистом css это не получится сделать.

Comments

[Exploding]

Ну можно максимально вынести это в цсс, а js-ом только по документ.реди убрать у боди класс... Почти что на цсс получится:)

[Максим Тимофеев]

Exploding, можно тогда инлайн стилями в html написать, получится почти на html. И что? Без js то все равно никак. А то что все что можно надо выносить в css - это как бы обязательно.

Answer 2

[Stimulate]

закрываешь страницу полупрозрачным дивом, при полной загрузке скрываешь его