Как на Тильде задать тень товару в карточке, элементу в шейпе — самому объекту, а не его контейнеру
Всем привет😘👋
Не забываем ставить 👍 и подписываемся на канал 🛎 — впереди много интересного🔥🥳
С вами — Наталья Чистякова, 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.дизайн и выражаю готовность отснять материал по вашим темам — предлагайте💋
✔️Полезные ссылки:
📌 Документация, синтаксис и поиграться с drop-shadow 👉
📌 CSS drop-shadow generator (удобный генератор css-кодов красивых теней, один из генераторов) 👉
📌 удалить фон с картинки 👉
📌 плагин Image Downloader (позволяет качать используемые на сайте изображения), Chrome 👉
📹Хочешь предложить свою тему для видео или давай соберём эфир вместе — пиши в ТГ (никнейм: @chistyakova_website) или в комментах к этому видео🔥
Ещё раз напоминаю о том, что это и другие полезные видео выкладываю, в том числе, в рамках нашего дизайнерского душевного чата, в котором являюсь Админом — чат Pro.дизайн 👉
Вливайтесь для человеческого и профессионального общения, а также на случай, если
давно хотели закинуть какую-нибудь интересную тему, но не решались😁 — мы периодически проводим эфиры, так что у вас есть реальный шанс стать приглашённым спикером-экспертом и поделиться своими знаниями, инсайтами и компетенциями с грамотной интеллигентной и просто клёвой аудиторией🔥✨☺️, а потом взять и выложить запись своего бенефиса в соцсетях😉 — отличный инфоповод💪
Если есть вопросы ко мне:
► дизайн;
► типографика и композиция на сайте;
► анимация любого сценария и уровня сложности;
► подбор креативных идей;
► оформление документов для сайта (Политика конфиденциальности, Публичная оферта, РКН, согласие субъекта ПД);
► оформление отношений с заказчиками, разрешение спорных ситуаций, составление актов и претензий);
► любой вопрос за рамками поименованных — мои компетенции гораздо шире заявленных😉,
— пишите в ЛС, разберёмся в любой ситуации🤝
Чат Pro.дизайн 👉
Сообщество в ВК🥰👉
Мой ТГ —
ВК —
Инст (продукт Meta, в РФ признана экстремистской организацией) — /
DProfile —
Приятного просмотра👀🔥
#тени #dropshadow #tilda #тильда
1 view
1189
453
1 month ago 00:05:52 1
1556. Авария на дороге. Развивающее видео, как машинки Брудер _Bruder едут в автосервис @GulliverRu
1 month ago 00:51:09 1
[Нарратор] Как я играл в Metro: Exodus. Часть 1
1 month ago 00:02:27 1
н.п. Ильинка на Кураховском направлении не становиться исключением отработанной тактики ВС РФ
1 month ago 01:04:38 1
[My Little Pony Россия - официальный канал] My Little Pony 🦄 Дружба — это чудо сезон 1 | Серия 22-24 | MLP FIM по-русски
1 month ago 00:00:59 1
😎 РАБОТА РЕКЛАМА В ИНТЕРНЕТЕ ⚪ ЗАРАБОТАТЬ 2024 💯
1 month ago 00:03:30 1
Рисую мультяшную рыбку шариковой ручкой
1 month ago 00:08:13 1
[Power Device] Полноценный Circle to Search как включить на всех телефонах | Новая функция Android
1 month ago 01:03:25 1
[My Little Pony Россия - официальный канал] My Little Pony 🦄 Дружба — это чудо сезон 2 | Серия 4-6 | MLP FIM по-русски
1 month ago 00:01:14 1
💶 Приложение в котором можно заработать реальные деньги ⭐ Авито подработка оренбург
1 month ago 00:02:29 1
Рассказ африканского жителя хадза #3 племени Хадзабе народ охотников-собирателей, проживающем в прекрасных саваннах восточной Аф
1 month ago 00:16:12 9
Новый влог. Юлия Савичева. Как снимали Меломан/ Впечатления от концерта Лазарева/ Запись на студии с ST/ КОЛОМНА
1 month ago 00:37:50 2
Легенды армии. Алексей Мизюра (Телеканал “Звезда“, 2024 год).
1 month ago 00:04:05 1
С самым теплым, нежным и душевным праздником - Днём матери - поздравляет концертно-творческая студия ЮЗГУ
1 month ago 00:01:44 1
ТОП 10 ДЛЯ ПАССИВНОГО ЗАРАБОТКА В ИНТЕРНЕТЕ
1 month ago 00:00:47 1
В Светлом из квартиры украли двух щенков из жалости к ним
1 month ago 00:06:14 1
Помидорчики на зиму
1 month ago 00:38:55 2
Военная приемка. Су-30СМ-2 ()
1 month ago 00:00:10 3
Icon Cross состоит из светодиодных квадратных форм, которые мерцают и мерцают.Есть черные мертвые диоды
1 month ago 00:00:38 1
Сегодня мы отмечаем один их самых добрых праздников - День матери
1 month ago 00:01:39 1
⭐️Дорогие женщины!
1 month ago 00:00:19 1
️ ️ ️ ️ ️ ️ Смотрите новый выпуск программы
1 month ago 00:13:15 1
Ложность хадиса об обращении к обитателям могил | Ринат Абу Мухаммад
1 month ago 00:01:11 2
Говорили на нас. А получилось про себя
1 month ago 00:13:15 1
Ложность хадиса об обращении к обитателям могил | Ринат Абу Мухаммад