Как на Тильде задать тень товару в карточке, элементу в шейпе — самому объекту, а не его контейнеру
Всем привет😘👋
Не забываем ставить 👍 и подписываемся на канал 🛎 — впереди много интересного🔥🥳
С вами — Наталья Чистякова, 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
929
394
5 months ago 00:05:14 1
Мечтай! Мотивационное видео.
5 months ago 00:07:22 1
Салат который приносит миллионный доход в ресторанах #салатсбаклажанами #баклажаны #салат
5 months ago 01:24:11 1
Как сейчас жить в России? Депрессия. Монахи и музыка. Чародейство и молитвы | Монах Андроник | Афон
5 months ago 01:11:31 1
“Нас тупо ИСПОЛЬЗОВАЛИ!“ // Украинец про войну, Зеленского, Лукашенко и жизнь в Англии
5 months ago 01:19:31 1
Снижаем биологический возраст. Выпуск 14. Школа Долгой Жизни Михаила Советова.
5 months ago 00:34:40 1
Дело Салтанат Нукеновой / Проблема БЫТОВОГО НАСИЛИЯ в Казахстане
5 months ago 00:01:17 1
Как Путин говорил о том, что пенсионный возраст не повысят
5 months ago 00:11:14 1
Галилео. Диспетчеры
5 months ago 00:14:16 1
СМОТРЕТЬ ВСЕМ УЧИТЕЛЯМ🔥ВАМ НАДО СДЕЛАТЬ ВЫБОР
5 months ago 00:19:15 1
РАЗОБЛАЧЕНИЕ: Топ-5 МИФОВ о K-POP, которые ПОРА ЗАБЫТЬ! (хейтерам смотреть обязательно)
5 months ago 00:18:31 1
Заработок денег Albion Online | Как заработать серебро для продажи на Funpay | Инструкция по РМТ
5 months ago 00:26:18 1
Пошаговая инструкция, как собрать кубик Рубика 3х3
5 months ago 00:03:24 1
“Как мы будем туда возвращаться?“ Жители затопленных районов Орска
5 months ago 00:00:00 1
10 Апреля! Авторский тренинг от долларового миллионера! Начало в 17:10 Москвы!
5 months ago 01:15:53 1
Гордон. Конец войны за 24 часа, член Путина, Макрон идет в бой, бунт в Китае, дамба из говна и палок
5 months ago 00:03:50 1
группа Тайфун - В стране далекой... Генералы песчаных карьеров
5 months ago 00:03:53 1
Торт “Идеал“: дежурный праздничный рецепт за считанные минуты
5 months ago 00:07:04 1
🔴Мясо, Яйца, Сыр поедает Микрофлора и производится ТМАО🔥 - Доктор Майкл Грегер
5 months ago 00:33:07 1
Кто провоцирует Майдан/ Роль мигрантов/Интервью с Евгением Федоровым
5 months ago 00:02:01 1
Анна Попова. Об обязательных нормативах гормонов и дополнительный ряд антибиотиков в питьевой воде.
5 months ago 00:26:52 1
Как Связать Спицами Круглый Вырез без Ступенек и без Дырочек
5 months ago 00:00:56 1
#rus Winx / Клип / Мне не страшно / Скай и Торен / WINX CLUB 🎶🔊✨
5 months ago 00:08:09 1
КВАНТОВОЕ ИСЦЕЛЕНИЕ ТЕЛА ЗВУКОМ ТИБЕТСКИХ ЧАШ (все 9 чакр) ГЦ
5 months ago 00:03:44 1
ЛУЧШЕЕ УПРАЖНЕНИЕ из Гимнастики для шеи Доктора Шишонина!