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

Question

[Саша]

Здравствуйте, подскажите пожалуйста, как сделать с помощью css такой полупрозрачный уголок

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

Решение найдено

Спасибо!

Answer 1

[Сергей delphinpro]

вариант с треугольниками нормально подойдет. просто их понадобится два:

Comments

[Саша]

Спасибо!

Answer 2

[#rybak]

Попробуйте так

Answer 3

[Сергей Сергей]

такой оголтелый вариант, полный минусов в применении.
codepen.io/anon/pen/WQvxKX
- не резиновый,
- требующий вычислений,
- размытая грань,
- весь блок прозрачный.

а вообще, тут svg-последователи вернее скажут.

Comments

[Саша]

И правда, как вариант через тень.
Спасибо!