Как создать блок с градиентной обводкой?

Скрипты и советы | 11 октября 2021

Уроки CSS на Хабрахабре, habrahabr.ru, CSS, HTML, Дизайн, Gradient Borders in CSS, css, html, верстка сайтов,

Представим ситуацию: перед вами встало сверх задание — нужно сделать на сайте блок с градиентной обводкой. Нужно сразу понимать, что для этого не существует простого и очевидного CSS API. Это значит, что для получения необходимого визуального эффекта нам нужно писать определенные “костыли”. Предлагаю рассмотреть 2 подхода к решению этой задачи. 

Читать далее
SEO в разработке eCommerce проектов (20 правил для разработчика)

В последний год мы написали много статей по UX / UI проектированию eCommerce проектов и не только. Концепция проекта и...

Подробнее
[Из песочницы] Градиентные границы в CSS

Доброго времени суток уважаемые хабровчане. Представляю вашему вниманию перевод статьи Криса Коера. Допустим, вам нужна...

Подробнее
Выравниваем блок по центру страницы

Очень часто стоит задача выровнять блок по центру страницы / экрана, да ещё и так, чтобы без ява-скрипта, без задания...

Подробнее
Тех задание для web-разработчика

Написание хорошего ТЗ для разработки сайта еще та проблема, и я поделюсь своим опытом по созданию "человеко-понятного"...

Подробнее
Как прятать

Когда display: none, а когда visibility: hidden? Зависит от того, что вы пытаетесь сделать. Есть и другие варианты как...

Подробнее
[Из песочницы] Использование CSS Flexbox для позиционирования блоков на странице

Задача В блоке на странице требуется разместить два вложенных блока таким образом, чтобы один блок имел максимальную...

Подробнее

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

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

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

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

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

https://t.me/tcsecms/

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