Іконки на чистому css3

У цій статті я хочу вам представити набір іконок на чистому CSS3. Це експериментальна версія іконок. Ці іконки можна використовувати замість звичайних іконок зображень. Як відомо, зображення сильно впливають на завантаження сайту, якщо вони не оптимізовані. Як варіант - можна оптимізувати зображення. Але і цей спосіб, використовувати іконки на чистому CSS3, також є непоганою альтернативою. У прикладі представлені іконки одного кольору, а також різнокольорові - все на ваш колір і смак. Також в статті описаний порядок установки іконок на свій сайт. Тому качайте і застосовуйте їх у своєму сайті.

Відео: Warface: Пишемо іконки класів Warface на чистому CSS

Приклад іконок можна побачити тут:

Подивитися прімерСкачать

Як використовувати іконки на чистому CSS3?

1. Вибираєте вподобану іконку.

2. Копіюєте її HTML код.

3. Відкриваєте файл default.css(Там все іконки підписані) і знаходите код іконки яка вам необхідна. Просто додаєте в файл зі своєю темою.

От і все :). Хочеться, звичайно, щоб була справжня підтримка іконок у всіх браузерах. А так вже можна починати застосовувати.

висновок

CSS3 розвивається досить швидко і все більше і більше браузерів починають її підтримувати. Не варто хвилюватися про те, що старі браузери не будуть сприймати як треба ці іконки. За допомогою javascript можна виправити і цей нюанс. Я думаю варто спробувати поставити їх у себе на сайті і подивитися що буде. На слово вірити не можна - потрібно самостійно взяти і перевірити, а чи так вони гарні - ці іконки на чистому CSS3!