Задать вопрос
@fsgdoterr

Как сделать тень необычной формы в css?

Мне нужно сделать вот такую тень которая под кнопкой
60f71d2a1263c425356798.jpeg
и вот такую тень которая под белым блоком
60f71d3c8f622163614177.jpeg
  • Вопрос задан
  • 89 просмотров
Подписаться 1 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Ugolnikovvv
@Ugolnikovvv
Junior Frontend-разработчик
button {
 position: relative;
}

button::after { 
 content: "";
 background: url() no-repeat;
 width: 100%;
 height: 100%;
 position: absolute;
 bottom: ...;
 left: ...;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Kozack
@Kozack Куратор тега CSS
Thinking about a11y
Сделать тень картинкой.
Ответ написан
Комментировать
SagePtr
@SagePtr
Еда - это святое
На вашем скриншоте тень очень похожа на приплюснутый радиальный градиент, можно через него замутить, без лишних изображений
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы