Как на Тильде задать тень товару в карточке, элементу в шейпе — самому объекту, а не его контейнеру

Аватар автора
Наталья Чистякова, веб-дизайн и сайты на Тильде
Всем привет Не забываем ставить и подписываемся на канал — впереди много интересного С вами — Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео расскажу о том, как, используя всего CSS-свойство filter и его значение drop-shadow (не путать с box-shadow — в тайминге 07:46 ) присвоить тень самому элементу, а не его контейнеру — товару, а не карточке товара, элементу внутри шейпа, а не самому шейпу и т. д. ⏱Тайминг — для вашего удобства❤️: 00:00 — вступление 01:25 — смотрим стандартную настройку тени в зеро 02:20 — присваиваем тень самому объекту внутри контейнера — через CSS filter: drop-shadow(...): /*не забудьте открывающий (в начале) и закрывающий (в конце) теги style в угловых скобках, Youtube их здесь проставить не даёт*/ .класс_вашего_элемента { filter: drop-shadow(7px 7px 10px #999999); } — первое значение в скобках означает сдвиг по 0X; — второе — по 0Y; — третье — blur; — четвёртое — цвет тени (можно через rgb, словом (black, green, crimson и т. п.) 03:54 — проговорили ключевые моменты: картинка в пнг, красоту тени задать в css, прописать код 04:40 — формируем css тени в css генераторе (удобно), ссылка — в Полезных ссылках ниже 06:46 — посмотрели документацию по синтаксису на Developer Mozilla Org 07:46 — коротко — о box-shadow (это — тень контейнера (!)) 08:06 — присваиваем тень товару в каталоге товаров в Тильде 14:17 — завершение, приглашаю в чат Pro.дизайн и выражаю готовность отснять материал по вашим темам — предлагайте ✔️Полезные ссылки:...

0/0


0/0

0/0

0/0