Лого www.SiteHere.ru

Иконки на чистом CSS3

CSS3 иконки

В этой статье я хочу вам представить набор иконок на чистом CSS3. Это экспериментальная версия иконок. Эти иконки можно использовать вместо обычных иконок изображений. Как известно, изображения сильно влияют на загрузку сайта, если они не оптимизированы. Как вариант — можно оптимизировать изображения. Но и этот способ, использовать иконки на чистом CSS3, также является неплохой альтернативой. В примере представлены иконки одного цвета, а также разноцветные — всё на ваш цвет и вкус. Также в статье описан порядок установки иконок на свой сайт. Поэтому качайте и применяйте их у своем сайте.

Пример иконок можно увидеть здесь:

Посмотреть примерСкачать

Как использовать иконки на чистом CSS3?

1. Выбираете понравившуюся иконку.

2. Копируете ее HTML код.

3. Открываете файл default.css(там все иконки подписаны) и находите код иконки которая вам нужна. Просто добавляете в файл со своей темой.

Вот и всё :). Хочется, конечно, чтобы была полноценная поддержка иконок во всех браузерах. А так уже можно начинать применять.

Вывод

CSS3 развивается достаточно быстро и всё больше и больше браузеров начинают ее поддерживать. Не стоит волноваться о том, что старые браузеры не будут воспринимать как надо эти иконки. С помощью Javascript можно исправить и этот ньюанс. Я думаю стоит попробовать поставить их у себя на сайте и посмотреть что будет. На слово верить нельзя — нужно самостоятельно взять и проверить, а так ли они хороши — эти иконки на чистом CSS3!

Успехов!

Источник: nicolasgallagher.com

Иконки на чистом CSS3 5.00/5 (100.00%) 1 голос(ов)

Понравилась статья - расскажи друзьям! :)

1 комментарий к записи
  • Graf Avers

    Крутяк! То что надо! Только вот жаль они развалятся в ie 9  и в Opera Mini

     

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *