Как сверстать такие углы?

Question

[trenrnd]

Привет. Подскажите, как сверстать такие углы?
Спасибо!

Answer 1

[Eduards Vigulis]

Может как-то так?
Не самый чистый код, и скорее всего не самый правильный вариант, но это первое что пришло в голову...

Comments

[trenrnd]

Ну да, как вариант. Почему-то не подумал об этом. Но может есть какие-нибудь более изящные решения? Спасибо за поздний ответ)

Answer 2

[Андрей Tantalid]

Для уголков используются before и after псевдо элементы которые спозиционированы абсолютно. Элемент .box__cont нужен для перекрытия элементов с абсолютом и офрмления текста.
https://jsfiddle.net/2fa29uw8/

Answer 3

[Brasileiro]

https://cloud.mail.ru/public/H1mJ/RNt4ibAVP вот ссылка на вёрстку и скрин прилагаю - путь в адресной строке браузера думаю вас не обманет

Comments

[Eduards Vigulis]

я бы не додумался =)

[Brasileiro]

Eduards Vigulis: пример пондравился ?

[Brasileiro]

Eduards Vigulis: я только углы кривожопа нарисовал

[Eduards Vigulis]

Максим Жаров: я будто постиг дзэн верстки созерцая это оригинальное и очень неожиданное решение...

[Eduards Vigulis]

и .rar архив на файлопомойке прям как вишенка на торте

[Brasileiro]

Eduards Vigulis: про архив в cloud.mail.ru - давно пользуюсь когда лень картинку в файлообмен выкладывать

Answer 4

[Александр]

Как вариант codepen.io/anon/pen/KzojNW
P.S. но я бы сверстал картинками :)