Як встановити іконки завантаження на чистому css.

Відео: Як встановити іконки

Всім привіт! У цій статті ми розглянемо, як встановити іконки завантаження на чистому CSS собі на сайт.

Іконки завантаження - дуже важлива частина сайту, тому вони повинні бути красивими і ефектними! Саме такі іконки ви можете подивитися, перейшовши в розділ демонстрації.

Як встановити вподобану вам іконку?

Для того, щоб встановити вподобану вам іконку, спочатку їх потрібно завантажити. Для цього ви можете використовувати Bower:

або NPM:

Використання

Стандартне

• Підключіть loaders.min.css
• Вставте підходяще число div`Ов в цей елемент
• Створіть елемент і додайте клас анімації (наприклад,

JQuery(не обов`язково)

• Підключіть loaders.min.css, jquery і loaders.css.js
• Створіть елемент і додайте клас анімації
• loaders.js - це маленький помічник для вставки потрібної кількості div`Ов для кожної анімації
• Щоб проинициализировать завантажувачі, які були додані після завантаження сторінки, виберіть div і викличте завантажувач на ньому (наприклад, $ ( `. Loader-inner`). Loaders ())
• Радійте!

Налаштування

Ви можете змінити колір заднього фону. Додайте стилі до правильного вкладеному в div елементу.

підтримка браузерів

• IE11
• Firefox 36
• Chrome 41
• Safari 8

Відео: Іконки юнікода в HTML

висновок

На цьому у мене все, а якщо ви самі хочете навчитися створювати подібні речі, то раджу придбати відеокурс HTML5 та CSS3 з Нулі до Гуру.

Дякую за увагу!