Задать вопрос
@holymotion
css

Как сделать такую тень, через box-shadow?

Помогите! Не могу допереть, можно ли сделать "это" свечение, через box-shadow?4a31b4bb8a0d4860b97ecea6b35d0bb3.PNG
  • Вопрос задан
  • 2339 просмотров
1 комментарий
Подписаться 3 Оценить 1 комментарий
Решения вопроса 1
rodionme
@rodionme
Можно попробовать как-то так.
Позади прямоугольника располагаем эллипс с размытой тенью.

Лениво было добавлять вендорные префиксы. В Хроме работает.

Ну еще с z-index: -1 могут быть кроссбраузерные проблемы.
Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ответы на вопрос 2
Olivoin
@Olivoin
Box-shadow: 0px 0px 0px 0px #000; - если речь идет о белом блоке. 4-й параметр регулирует разброс тени
Ответ написан
Комментировать
Комментировать
AMar4enko
@AMar4enko
Это лучше каким-нибудь радиальным градиентом сделать. Иначе вам придется еще css-transform приплести, чтбы его так развернуть. И через жопу и жрать будет немеряно при перерисовке.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Дизайн личного кабинета (клиентская часть)
23 апр. 2024, в 22:37
500 руб./в час
Ещё заказы