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

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

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

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

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

Ссылки

Живой пример

1

ВКонтакте
Telegram
WhatsApp

Комментарии