Как сделать такую полоску над картинкой?

Question

[Syrone]

Как эту желтую вещь над картинкой сделать, если Svg нет?

Answer 1

[PolarOne]

Сделал "на коленке" не обессудьте, но принцип возможно понять
https://jsfiddle.net/PolarOne/qsn9pzer/


Тоесть по сути я сделал псевдоэлемент (:after) и назначил ему фон и рамку и перекрыл им верх картинки.
Так же можно этому псевдоэлементу задать свой фон в виде картинки....
Но как по мне - слишком большие "жертвы" ради этого эффекта, может быть возможно через css transform... надо подумать

Comments

[Syrone]

Передохнув пришел к тому же мнению.

Answer 2

[Олег]

Как вариант, градиентом))