Верх страницы
Логотип Telegram
@Злой_Полицейский — авторский канал вашего покорного слуги в Telegram, где я пишу заметки о веб-разработке, программировании, PHP, инструментах и WordPress.
Обложка к записи Коллекция CSS прелоадеров
Время для прочтения: 0 мин. 1 сек.

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

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

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

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

Ссылки

Живой пример

1

Автор: Кобзарёв Михаил

Суровый русский разработчик. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все.

Ведет блог о разработке, дайджест в телеграмме и в ВК.

Комментарии
Подписаться
Уведомить о
guest

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

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

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

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

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

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

Михаил Кобзарёв (mihdan)

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, фильмы и сериалы