Как склеить углы двух разных блоков?

Question

[daleney]

Доброго дня.
Может кто подскажет, как можно вот так склеить углы двух блоков, чтобы у них была общая фиолетовая тень

Comments

[Сергей delphinpro]

Какая тень? Просто рамки у блоков

[daleney]

Сергей delphinpro, Мне нужно сделать так чтобы это как один блок был, чтобы углы плавно склеивались. Как на картинке у белых блоков по сторонам от картинок

[daleney]

Сергей delphinpro, чтобы получилось вот так

[Сергей delphinpro]

daleney, Всё еще не вижу вашей проблемы..

[Aetae]

daleney, это нифига не естественное поведение. Можно что-то шаманить с наложением 10 блоков с разным краями, но по сути тебе придётся писать кастомным svg фильтр, примерно такого содержания:
feGaussianBlur с размытием настолько, насколько нужны закругления x2.
feComponentTransfer table 0 1 по альфе, чтобы вернуть краям резкость.
feMerge с исходником чтоб вернуть резкость содержимому.
feDropShadow чтобы нарисовать общую тень.

[daleney]

Aetae, спасибо за наводку

Answer 1

[MaUg_Li]

По рисунку тяжело понять, но предположу, что вам должен подойти варинат

box-shadow: -3px -4px 0 rgb(148, 126, 194);
  border-radius: 5px;

https://developer.mozilla.org/ru/docs/Web/CSS/box-...

Что такое "склеить углы"?