ali-partners-banner

Как быстро заработать в Интернет и, якобы, (простите за прямоту) Вам ни хрена не придется делать - сегодня советчиков пруд-пруди. Но, как гласит народная мудрость: Дешевый сыр только в мышеловке...


Как сделать загрузчик (loader) с помощью CSS

Пост №   154  от 14 мая 2016   |  Категория: Design, WEB мастеру, Новости, С Миру по нитке  |  Комментариев нет Print

loader-icon Наверняка многие из Вас обращали внимание на такой элемент, как loader при загрузке сайта, страницы или той же капчи и др. WEB элементов. В большинстве случаев loader сделан графически, т.е. с помощью анимированного GIF файла.

Но можно с легкостью сделать загрузчик и с помощью CSS, освободившись от одной картинки! Как это сделать — сегодня и рассмотрим…


Не прибегая к долгому толкованию этой пары примеров, просто выдаю код, который Вы с легкостью можете модифицировать, изменяя цветовую гамму и размеры loader’а. Поместите один из понравившихся кодов в Ваш CSS файл блога или сайта.

ВАРИАНТ 1

На страницу, в место где должен быть loader, вставляем этот код:

Результат:


ВАРИАНТ 2

На страницу, в место где должен быть loader, вставляем этот код:

Результат:


Вот таким простым способом Вы можете использовать не графический loader, а CSS вариант, освободив, тем самым, свой блог еще от одной картинки. Анимированные гифки, кстати, в некоторых случаях немало весят!

Удачи! И… до новых встреч!

Понравился сайт или статья? Поделитесь с друзьями, кликнув по соответствующей кнопке!

e-Commerce Partners Network
1 звезда2 звезды3 звезды4 звезды5 звезд (Голосовало: 1 )
Загрузка...

Метки: CSSLoaderWEB мастеруИнтересные штучкиКак сделать?
Обновление статьи: 13.05.2016
Просмотров:   1245
Короткая ссылка: http://tinyurl.com/h2aukb9

Подишись на сообщения блога по E-mail и получай свежие новости в числе первых!


Наберитесь терпения - новые публикации в процессе осмысления...


На сегодня в блоге...

  • Подписчиков: 3270
  • Записей: 191
  • Страниц: 26
  • Рубрик: 15
  • Меток: 162
  • Комментариев: 33


Добавить комментарий

Комментарии к статьям разрешены только авторизованным пользователям.
Пожалуйста зарегистрируйтесь или войдите, используя свой логнн.

Посетители сайта

Блуждали по сайту сегодня: 74
Смотрят страницу: 1 ( 1 гость)
Из них ботов:

Календарь публикаций

Пн Вт Ср Чт Пт Сб Вс
 12
3456789
10111213141516
17181920212223
24252627282930
31  

MasterPRO в Twitter’e

Уникальный совет, как похудеть без финансовых затрат…: В наше время, когда изобилие… goo.gl/fb/Vq91W6

About 2 weeks ago from Master PRO's Twitter via Google · reply · retweet · favorite

Календарь праздников


Admin

Регистрация

The Best OnLine Radio

Рубрики

  • Страницы

    Архив


    Prikolizmy.ru: Видео приколы - AeonBlackSun :: Любимое