Skype

ali-partners-banner

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


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

Пост №   153  от 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
Просмотров:   2094
Короткая ссылка: http://tinyurl.com/h2aukb9

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


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


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

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


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

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

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

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

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

Пн Вт Ср Чт Пт Сб Вс
1234567
891011121314
15161718192021
22232425262728
293031  

MasterPRO в Twitter’e

I just uploaded “Эдуард Суровый - У каждой профессии есть свой размер�… vimeo.com/251176147

Yesterday from Master PRO's Twitter via Vimeo · reply · retweet · favorite

Информер праздников

Праздники ЛатвииПраздники России


Рубрики

  • Страницы

    Архив


    Погода
    Погода в Юрмале

    влажность:

    давление:

    ветер:

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