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

Question

[Александр Логинов-Солоницын]

Всем привет!
Подскажите пожалуйста, как сделать такой уголок? (картинка)

Закрашенный то проблем нет, а вот такой не знаю как.
Буду признателен за любую помощь. Спасибо

Comments

[A K]

Какие браузеры в тз?

[Марик Цукор]

что за easy-вопросы? Учите CSS.

Answer 1

[Андрей Федоров]

codepen.io/aliencash/pen/rxvebB

ps: версия2 - codepen.io/aliencash/pen/wMjWaE )

Comments

[Александр Логинов-Солоницын]

Круто, примерно так и думал, только не знал что тут можно calc применить

[patriot02]

решение но косячное i072.radikal.ru/1601/17/92414c8e6791.png

[Андрей Федоров]

patriot02: хорошо! нет предела совершенству codepen.io/aliencash/pen/wMjWaE )))

[patriot02]

вот с этим решением согласен))) ну тоже самое в принципе что я кинул снизу

Answer 2

[Александр Логинов-Солоницын]

www.cssarrowplease.com

Answer 3

[patriot02]

htmlbook.ru/css/background-color
transparent

Comments

[Александр Логинов-Солоницын]

Это конечно гениально, но простите, как скрыть часть бордера?

[patriot02]

не понял абсолютно вопроса. Вот полное ваше решение habrahabr.ru/post/161041 и где указан цвет в статье для стрелки используете transparent