Прозрачный треугольник с тенью?

Question

[Владислав Довгун]

Здравствуйте!

Коротко и по делу.
Как сделать прозрачный треугольник с тенью?

P.S. Фон меню тоже прозрачный, в этом и проблема.
P.S.S
- Делал через border, тень не получается.
- Делал через поворот на 45 градусов, фон меню прозрачный, видно что сзади, поэтому не подходит.
- Делал через специальный символ, не подходит (перекрывает элементы меню).

Answer 1

[Николай]

https://css-tricks.com/triangle-with-shadow/

Comments

[Владислав Довгун]

Писал же что делал через спец. символы. Не подходит.

[Николай]

Владислав Довгун, там в комментариях под постом есть через canvas. Можно через svg, гуглится на раз два все. Ты на codepen залей пару строк, тут быстро помогут.

[Владислав Довгун]

Огромное спасибо за идею с canvas!

Answer 2

[Егор Живагин]

Коротко и по делу, но слишком коротко))
Не понятно, покажите, что именно должно получиться. Мы-то ваше меню не видим

Comments

[Владислав Довгун]

Сглупил немного.

[Егор Живагин]

Владислав Довгун, я думаю, самое адекватное решение - сделать треугольник SVG