CSS

Bootstrap 4 прогрес-бар 0

Bootstrap 4 прогрес-бар

Основний прогрес-бар Прогрес-бар може бути використаний для показу користувачеві, наскільки швидко і на якому етапі знаходиться той чи інший процес виконання певного завдання. Щоб створити прогрес-бар за замовчуванням, додайте клас .progress до елемента контейнера і додайте...

Значки(бейджі) Bootstrap 4 0

Значки(бейджі) Bootstrap 4

Значки використовуються для додавання додаткової інформації до будь-якого вмісту. Використовуйте клас .badge разом з контекстним класом (подібно .badge-secondary) в <span> елементах для створення прямокутних значків. Майте на увазі, що масштаб значків відповідає розміру батьківського елемента (якщо такий існує): See the Pen...

Групи кнопок Bootstrap 4 0

Групи кнопок Bootstrap 4

Bootstrap 4 дозволяє групувати кнопки в ряд. Використовуйте елемент <div> з класом .btn-groupдля створення групи кнопок: See the Pen Групи кнопок by Vladislav Groniuk (@vladislav-groniuk) on CodePen. Порада. Замість застосування розмірів кнопок для кожної кнопки в групі, використовуйте...

Натхнення: 10 прикладів анімації на чистому CSS CodePen 0

Натхнення: 10 прикладів анімації на чистому CSS CodePen

Наші мобільні веб-переглядачі продовжують ставати більш потужними і показують нам дивовижні, красиві анімації. У поєднанні з потужністю CSS можна створити чудову анімацію без використання будь-яких зображень. Результат буде легкомасштабованим, швидкозавантажуваним і просто вражаючим. Давайте подивимося, які...

Кнопки Bootstrap 4 0

Кнопки Bootstrap 4

Всім привіт! В даному уроці я навчу вас створювати різноманітні кнопки Bootstrap 4, які ви зможете використовувати в своїх сайтах. Bootstrap 4 надає різні стилі кнопок: See the Pen Button Styles by Vladislav Groniuk...

css анімація 0

CSS анімація. Мильні бульбашки

CSS анімація, яка працює на сайті солодкої газованої води 7UP, є прекрасним прикладом підкреслення індивідуального стилю бренду на веб-сайті. Анімація складається з декількох елементів: SVG малювання бульбашок, а потім дві анімації, застосовані до кожної бульбашки....

bootstrap 4 алерти 0

Bootstrap 4 алерти (сповіщення)

Bootstrap 4 алерти забезпечують простий спосіб створення сповіщень для вашого сайту: See the Pen Bootstrap 4 Alerts by Vladislav Groniuk (@vladislav-groniuk) on CodePen. Сповіщення створюються за допомогою класу  .alert, а потім додається один з контексних...

Jumbotron 0

Bootstrap 4 Jumbotron

Jumbotron створює велике сіре поле для додаткової уваги користувача до певного вмісту або інформації. Порада: всередині даного елемента можна помістити майже будь-який дійсний HTML, включаючи інші елементи / класи Bootstrap. Використовуйте елемент <div> з класом .jumbotron для створення...

Зображення в Bootstrap 4 0

Зображення в Bootstrap 4

Закруглені кути Клас .rounded додає закруглені кути до зображення: See the Pen Заокруглені кути в зображенні by Vladislav Groniuk (@vladislav-groniuk) on CodePen. Коло Клас .rounded-circle формує зображення у вигляді кола: See the Pen Зображення у...

таблиця bootstrap 4 0

Таблиці в Bootstrap 4

Bootstrap 4 Основна таблиця Базова таблиця Bootstrap 4 має невеликі внутрішні відступи і горизонтальні роздільники. Клас .table додає основні стилі до таблиці: See the Pen Базова таблиця by Vladislav Groniuk (@vladislav-groniuk) on CodePen. Смугасті рядки...

Повідомити про помилку

Текст, який буде надіслано нашим редакторам: