Колір Фону

Колір фону веб-сайту відіграє вирішальну роль у створенні тону та атмосфери сайту. Це один з основних візуальних елементів, які користувачі бачать, коли заходять на ваш сайт, і він може суттєво вплинути на загальний вигляд і атмосферу сайту.

Властивість background-color

За допомогою цієї властивості ми можемо задати колір фону для елемента. Значення може бути в будь-якому форматі: hex, rgb, rgba або зарезервоване слово.

статичний та градієнтний колір

Статичний колір означає єдине значення кольору, яке рівномірно застосовується до елемента, наприклад, red або #0000FF . З іншого боку, градієнтний колір передбачає змішування двох або більше кольорів для створення плавного переходу між ними.

За допомогою градієнтного кольору ми можемо створювати візуально привабливіші та динамічніші дизайни, ніж зі статичним кольором. Розглянемо різні способи оголошення градієнтів.

linear gradient

Для встановлення лінійного градієнтного кольору фону ми використовуємо

Також ми можемо вказати процентне співвідношення кольорів у градієнтному кольорі.

solid linear gradient

Ми отримаємо смугастий колір фону, якщо задамо однаковий відсоток для сусідніх кольорів. Давайте запустимо приклад, щоб побачити різницю.

radial gradient

Радіальний градієнт працює так само, як і лінійний. Різниця лише в тому, що колір починається з центру і поширюється назовні.