Home Сніппети

Сніппети

Фон в стилі «карбон» з допомогою градієнтів CSS

0
Всім, привіт! У попередній статті розписував, як за допомогою лінійних і радіальних градієнтів CSS, можна «намалювати» цілком симпатичні текстури для фону. На цей раз пропоную відтворити темний фон в стилі «карбон», який відмінно підійде для заливки, як основного фону сайту, так і для оформлення окремих блокових елементів.У прикладі використовував повторювані лінійні градієнти з кутом нахилу 45deg, а так само накладення радіального градієнта по центру вгорі at 50% 0, для імітації світлового відблиску: На весь екранВийшло фонове зображення масштабується і змінюємо розмір точок, за допомогою значень властивості background-size.