Как сделать уголки?

Question

[Александр Корегин]

Помогите пожалуйста как можно сделать уголки (все они вырезаны в формате png)

Answer 1

[Ankhena]

Не нужно ничего вырезать в png.
Нужны линейные градиенты. Это пример для других целей, вам нужно только адаптировать, заменить прозрачность на полупрозрачность.

Comments

[Владислав Лысков]

такой подход иметт один небольшой недостаток - он впринципе неработоспсобен, если нужен прямугольник, ширина которого зависит от ширины контента

[Ankhena]

Владислав Лысков, прекрасненько подходит, в градиентах работает calc.

[Владислав Лысков]

Ankhena, за рабочий пример буду блпгодарен

[Ankhena]

Владислав Лысков, держите

[Владислав Лысков]

Ankhena, благодарствую :)

[Сергей delphinpro]

Владислав Лысков, Ankhena, да можно и без калков обойтись. писанины только поболее будет https://jsfiddle.net/tqn456vd/

[Ankhena]

Сергей delphinpro, ага!

Answer 2

[MasterMike]

Очень странно, что вас смутили только яркие уголки, которые являются частью рамки вокруг изображения.

И таки да, как правильно заметила Ankhena, вырезать в png ничего не нужно, вся рамка: и уголки, и горизонтальные, и вертикальные линии - делается посредством css.