ZorNet.Ru — сайт для вебмастера » HTML и CSS » Эффект загрузки созданный на CSS3

Эффект загрузки созданный на CSS3

Эффект загрузки созданный на CSS3
Вы можете сделать на сайте эффект загрузки на стилях CSS3, где не нужно не какого изображение и смотрится красиво и современно. Как на светлом фоне, так и на темном, что предоставлено в демонстраций этот материал. Это форма светло красного круга, что можно выставить гамму под свою стилистику. Также если установить на сайт, то появится этот круг с эффектом и пока не загрузиться страница, то она будет визуально, когда пройдет, то исчезнет. Есть возможность поставить на другие функций, так как сама функция много где переменятся.

Этот код будет выводить:

Код
<span class="loader">loading…</span>

Сами стили вы сможете скопировать здесь, нажав на кнопку скачать, где они откроются в текстовом документе.
Здесь можете посмотреть демонстрацию на loading на черном фоне.
27 Апреля 2017 Загрузок: 2 Просмотров: 3986 Комментариев: (3)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 3
Kolinkor
Kolinkor 27 Апреля 2017 01:541
+1
Не когда не нравилась такая загрузка страницы. Это сидишь и ждешь, но если какая то ссылка битая и из за нее полностью не открывается, это баннер больше всего и так не откроется. Если только под другую структуру ставить под какой то генератор или где там идет загрузка или ожидание.
FeStemBer
FeStemBer 27 Апреля 2017 02:022
0
С тети их много но все же больше на ссылках сделано и там более красивей.
Nikas
Nikas 27 Апреля 2017 11:193
0
старомодное качество цветов, но если изменить то норм будет
avatar