Как сделать косую полосу внутри div блока на CSS?

Question

[Stacy None]

Как сделать вот такую полосу кривую внутри div элемента. Но при этом сохранить адаптивность?

И при возможности сделать тень под полосой.
Заранее спасибо!

Answer 1

[Ankhena]

1. Псевдоэлементом с transform rotate https://jsfiddle.net/5jobc9q7/ (угол, положение поставьте свои, псевдоэлемент примените к одному из внутренних блоков)
2. Градиентом
3. SVG
4. Просто картинкой

Comments

[Brad9aga]

а как же border

[Ankhena]

Brad9aga, бордер прекрасно вписывается в п.1

[Brad9aga]

Ankhena, просто я помню была одна тема. 100 и один способ нарисовать полоску )