[Перевод] Упрощаем фоновые рисунки c помощью конических градиентов

Скрипты и советы | 30 июня 2020

Уроки CSS на Хабрахабре, habrahabr.ru, CSS, conic gradients, background patterns, css, gradient, gradient background,



Один из известных способов создания повторяющихся фоновых узоров — это применение
линейных градиентов. Но если использовать с этой же целью conic-gradient(), требуется значительно меньшее количество CSS-кода. Данное преимущество конических градиентов проиллюстрировано в статье несколькими примерами, взятыми из галереи Лии Веру.


Нам предстоит рассмотреть



орнамент из пирамид,

шахматный рисунок,

шахматный рисунок под наклоном,

фон из треугольников,

а еще нас ждет приятный бонус от автора.

Читать дальше →
[Перевод] Улучшенные эффекты с режимом смешивания фоновых слоев в CSS

Если одна картина заслуживает тысячи слов, то смешение двух картин заслуживает гораздо большего. Точно так же,...

Подробнее
Несколько слов о градиентах

Всем привет! Сегодня хочу поговорить немного о градиентах, популярных сайтах, предоставляющих пользователям возможность...

Подробнее
[Перевод] SVG фильтры 101

Это первая статья в серии об SVG фильтрах. Это руководство поможет понять, что это такое, и покажет, как использовать...

Подробнее
Забудьте про RGB и HEX

В CSS существует несколько способов представления цветов. Один из них — система HSL. В этой статье я покажу вам, какие...

Подробнее
Немного о CSS свойством «background-image»

CSS свойство « background-image » служит для заливки чего-либо (блока, ячейки таблицы, страницы целиком) фоновым...

Подробнее
[Перевод] Адаптивная типографика с помощью математики

Адаптивный (резиновый) дизайн является нормой фронтэнд-разработки уже давно. Однако идея гибкой адаптивной типографики...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями