Анимация при подгрузки чего-либо тяжелого в HTML
19.10.2015 12:55
0Ни одной картинки, все средствами CSS и максимально просто. Мячик пердставляет из себя div-ку с border-radius 50%, объем сделан через box-shadow inset, анимация средставим анимаций CSS3.
Стилизация заголовка отсюда. Центрирование по вертикали и горизонтали за счет position: absolute; left: 50%; top: 50%; transform: translate( -50%, -50% );
Демо
LOADING
Хорошо подходит для инидкатора загрузки ресурсов чего-то полноэкранного типа игры или веб-приложения.
Я использовал его при подгрузке ресурсов игрушки SMOKENOID.
19.10.2015, Protocoder