Время для прочтения: 1 мин. 3 сек.

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

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

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

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

Ссылки

Живой пример

1

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

3 комментария

по хронологии
по рейтингу сначала новые по хронологии
Антон Баранов

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

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

Антон Баранов

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