Как отобразить диагональную ленточку с помощью песвдоселектора ::after?

Question

[Vasyl Pylypiv]

Делаю вот такой макет Нужно сделать ленточку на блоке с помощью before или after. Я сделал таким образом jsfiddle.net/0drckh2v/. Но ленточка не отображается ? Где я ошибся, или что я делаю не так ?

Answer 1

[Сергей Протько]

1) content: ""
2) вы не указали высоту блока

Comments

[Vasyl Pylypiv]

Спасибо, помогло. Еще надо было в родительском блоке поставить position: relative, а дочернем absolute, иначе ленточка не хотела вращаться.

Answer 2

[Михаил Дацько]

накидал такой пример:
jsfiddle.net/mishadatsko/2smy14jg

Comments

[Max Donchenko]

Супер!
Спасибо большое, мне тоже пригодился Ваш пример.