Как расположить контент, находящийся внутри clip-path вне обрезанной области clip-path?

Question

[Alice777]

есть clip-path геометрическая фигура. Внутри этой фигуры текст. Этот текст необходимо расположить
там, где он находится в моем примере(текст не отображается , что само собой). Как его отобразить?
https://jsfiddle.net/14bge0ke/

Answer 1

[doweb]

В вашем примере текст будет отображаться только на самой фигуре, за ее пределами текста не видно. Вот доделанный ваш пример: https://jsfiddle.net/14bge0ke/1/

Если нужно чтобы текст был виден не только в области фигуры, то нужно добавлять дополнительную обертку. Пример: https://jsfiddle.net/14bge0ke/3/

Answer 2

[zoozag]

Можно обойтись и без дополнительной обертки и задать clip-path псевдоэлементу:
Пример