Коллекция CSS прелоадеров
Веб разработчик Люк Хаас создал креативную коллекцию крутящихся прелоадеров, анимированных при помощи CSS3. Каждый «волчок» коллекции состоит всего из одного блока
с классом .loader и текстом «Loading…». Текст задан для экранных читалок и обратной совместимости со старыми версиями браузеров, не поддерживающих CSS3.
Всем прелоадерам задан размер шрифта font-size в px (пиксели), а все другие размеры в em (относительная величина, зависящая от размера шрифта текущего элемента). Это сделано для того, чтобы можно было лекго изменить размер всего прелоадера, оперируя только размером шрифта.
Ссылки
- Размеры в CSS
- Исходник проекта на github
- Примеры на сайте автора
- Похожий проект
Живой пример
1
не понятно, почему ссылку на сами лоадерсы не выложили: http://projects.lukehaas.me/css-loaders/
Потому, что народ требует, обычно, видеть сразу живые примеры, а ссылка на github присутствует. Но по вашей просьбе ссылку добавил)))
просто я как-то не подумал, что на гитхабе могут примеры.
спасибо)