Кто делал такую тень, есть ли идеи как это реализовать?

Question

[Владимир Ионенко]

Есть ли способы реализовать подобную тень ?
joxi.ru/ZrJa3zWH9D7RXA
За ранее спасибо

Answer 1

[yakupov112]

https://codepen.io/anon/pen/ZRNdod

Comments

[Ankhena]

Угу, только 2 лишних блока поменять на псевдоэлементы

[Владимир Ионенко]

Спасибо, Ваше решение мне помогло =)

Answer 2

[Максим]

это не тень

Comments

[Владимир Ионенко]

а что ?)

[Максим]

Владимир Ионенко, уже ответили

Answer 3

[sergealmazov]

box-shadow вам в помощь
box-shadow: 0 0 10px #999; к примеру.

Comments

[Владимир Ионенко]

И как эта тень будет обтекать нижнюю часть блока ?

[Владимир Ионенко]

по вашему совету получится либо так joxi.ru/KAgxQg9i47qDXr либо так joxi.ru/E2pjlE5i9xkqXr

[sergealmazov]

Владимир Ионенко, закиньте на CodePen - посмотрю

Answer 4

[ljutaev]

Можешь еще попробовать filter: drop-shadow()
https://developer.mozilla.org/en-US/docs/Web/CSS/f...
за такую тень , как у тебя я хз даже)
может делать несколько блоков з полупрозрачностью и border-radius: 50%
и розмещать их где надо

Answer 5

[Можно просто Евгений]

filter: drop-shadow() .... только смотрите что на старых мобильных устройствах будет немножко лагать если будешь юзать и translate3d() ....

Answer 6

[profesor08]

Задай для блока вот такой css стиль:

.block {
  box-shadow: 0 0 37px rgba(70,90,118,.25);
}

Получится плавная тень похожая на ту, что на картинке. Точный цвет сам подставишь и размер. Так ты задашь основу. Такую же тень надо будет задать и для выпирающих блоков. Таким образом получится то, что надо.