Тень для PNG с прозрачным фоном
v 1.1
Эффекты
Эффекты
Эффекты
Эффекты
Эффекты
Эффекты
Zero Block, CSS
styleda.ru/Тень для PNG с прозрачным фоном
Пошаговая инструкция
1
Добавь блок T123 («HTML‑код») на страницу (можно в самый верх или низ).
2
Скопируй и вставь CSS из раздела ниже.
3
Примени класс к картинке:
  • В Zero Block: выбери элемент «Изображение» или «Shape», в настройках установи «Класс» и напиши *shadowpic* (без точки).
4
Проверь результат: картинка должна получить тень по контуру.
5
Настрой тень под задачу: поменяй значение --shadow. Например:
  • Для лёгкого эффекта: *0px 2px 4px rgba(0,0,0,0.3)*
  • Для сильного объёма: *0px 10px 20px rgba(0,0,0,0.5)*
  • Цвет можно менять: *rgba(255, 0, 128, 0.4)* — розоватая тень.
1-5 мин
Частые ошибки и как их избежать
Made on
Tilda