Верх страницы
Обложка к записи Коллекция CSS прелоадеров
Время для прочтения: 0 мин. 1 сек.

Коллекция CSS прелоадеров

Веб разработчик Люк Хаас создал креативную коллекцию крутящихся прелоадеров, анимированных при помощи CSS3. Каждый «волчок» коллекции состоит всего из одного блока

с классом .loader и текстом «Loading…». Текст задан для экранных читалок и обратной совместимости со старыми версиями браузеров, не поддерживающих CSS3.

Всем прелоадерам задан размер шрифта font-size в px (пиксели), а все другие размеры в em (относительная величина, зависящая от размера шрифта текущего элемента). Это сделано для того, чтобы можно было лекго изменить размер всего прелоадера, оперируя только размером шрифта.

Ссылки

Живой пример

1

ВКонтакте
Одноклассники
Telegram

Комментарии
Подписаться
Уведомить о
guest
3 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Антон Баранов
Антон Баранов
7 лет назад

не понятно, почему ссылку на сами лоадерсы не выложили: http://projects.lukehaas.me/css-loaders/

mihdan
7 лет назад
Ответить на  Антон Баранов

Потому, что народ требует, обычно, видеть сразу живые примеры, а ссылка на github присутствует. Но по вашей просьбе ссылку добавил)))

Антон Баранов
Антон Баранов
7 лет назад
Ответить на  mihdan

просто я как-то не подумал, что на гитхабе могут примеры.
спасибо)