Лоадери на чистому CSS

1 хв. читання

06 липня 2020

· 6 · 0

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

1) Google/Матеріальний дизайн

2) It's Loading...

3) Стиль Windows

4) Обертання

5) Кольоровий лоадер

6) "Сигнал"

7) Обертання/Змієподібний

8) Плаваючі точки

9) М'яч

10) Стрічка

11) Класичний

Ми сподіваємося, що ви знайдете ці маленькі демки корисними. А ви використовуєте лоадери на чистому CSS на вашому сайті? Який ваш улюблений?

Помітили помилку? Повідомте автору, для цього достатньо виділити текст з помилкою та натиснути Ctrl+Enter

Підписатись

Codeguida 5.8K

Приєднався: 8 місяців тому

Коментарі (0)

Ще немає коментарів

Щоб залишити коментар необхідно авторизуватися.

Вхід / Реєстрація

Схожі статті

Основи Webpack: Частина 2

У першій частині туторіалу ми дізналися, як створити Webpack проект, а також як...
Як зробити таби на чистому CSS, а потім ще з них зробити акордеон

Перш ніж почнемо — демо можна знайти ось тут, а сам код повністю — [ось тут](htt...
Створення кнопок Play/Pause на чистому CSS

Загалом, іконки для контролю мультимедіа є універсально зрозумілою візуальною мо...
Як зробити ефект матового скла на чистому CSS?

Сьогодні розглянемо метод створення ефекту матового скла на чистому CSS. Як на ц...
Основи Webpack 2

Що таке Webpack? Якщо просто, то це пакувальник модулів для вашого JavaScript. А...
Основи Webpack: Частина 1

При створенні сайту досить стандартною практикою є мати якийсь процес збірки на...
@-правила CSS

Переклад статті Джеффа Грема на CSS-Tricks від 12 травня 2015. @-правило - дирек...
Виявляємо підтримку CSS за допомогою CSS та JavaScript

За допомогою CSS3 CSS3 має @supports для перевірки підтримки CSS властивостей. Р...