Категорія: Верстка

👍
Корисно - 5
У цій статті розглянемо кілька прикладів, як задати колір будь-якому зображенню у форматі svg за допомогою css-стилів. Є безліч варіантів використання SVG. Від того, як ви використовуєте SVG і з...
👍
Корисно - 2
Шрифти – одна з базових речей, що використовуються при розробці сайту. Поряд із картинками, файлами css, js – шрифти незамінний елемент сучасного сайту. Тому часто у верстальників (і не лише) виник...
👍
Корисно - 5
У цій статті ми розповімо, як можна вставити відео з ютубу на сайт. Ми будемо розглядати варіант, коли ви маєте доступ до коду сайту і можете вносити зміни. Ми не описуватимемо варіанти, як дода...
👍
Корисно - 2
Ви можете по-різному додати css до вашого html-файлу. Є швидкі варіанти, правильні. Ми розглянемо усі можливі. 1. Підключення зовнішнього файлу Найпоширеніший і найправильніший варіант - це п...
👍
Корисно - 12
Тут ти дізнаєшся, як зробити ефект втискання кнопки на CSS. Забігаючи наперед скажемо, що нічого складного тут немає, впоратися зможе будь-який новачок. Приклад Що в нас вийде в результаті (п...
👍
Корисно - 44
У цій статті ми розглянемо, як можна зробити плавну появу елементів під час прокручування сторінки. Ми будемо використовувати css та трохи нативного js, без використання сторонніх бібліотек. При...
👍
Корисно - 3
Як досягти зміни картинки при наведенні? Це можна реалізувати за допомогою CSS. Готовий приклад: Пояснення. Як ми зробили, щоб картинка змінювалася під час наведення? Ми в HTML ...
👍
Корисно - 5
У цій статті розглянемо, які є методи вирівнювання картинки по центру блоку. Давайте створимо нашу розмітку, з якою працюватимемо. Створимо клас .wrap і всередину його додамо картинку з класо...
👍
Корисно - 85
Досить популярний запит, як зробити меню гамбургера. Я покажу вам варіант з використанням html, css та js. Це адаптивний варіант, тобто він працюватиме і на мобільних пристроях. Демо Почнемо ...
👍
Корисно - 3
Змінюємо колір фону та тексту у кнопки при наведенні. Будемо використовувати два способи. Перший – просто змінюємо фон та колір у кнопки. Другий - змінюємо фон кнопки за допомогою псевдоелемента...
CSS Головоломки в Telegram
Підписуйся і не пропускай:
Актуальні новини
Цікаві завдання
Корисні добірки
Наш рейтинг
🏆Найкращий хостинг для сайту
9/10
8/10
8/10
4
8/10
8/10
7/10
7/10
Что читают?
🏆Популярные записи
Як зробити гамбургер (бургер) меню – готовий код та докладне пояснення
Переглядів: 14209
Поява елементів при скролі
Переглядів: 13439
Як зробити ефект натискання кнопки на CSS
Переглядів: 4766
Як зробити плавне збільшення картинки при наведенні – ефект на чистому CSS
Переглядів: 4561
Як вирівняти картинку по центру за допомогою CSS
Переглядів: 4425
Перевірка знань
🤔Чи добре ви знаєте CSS?
Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили:

.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
}
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
}
    
10px
20px
30px
Very Peri
🤔Колір 2022 року
Інститут кольору Pantone оголосив цвіт 2022 року. Це бузковий відтінок під назвою 17-3938 Very Peri.
#6667ab