Opacity overlay on clipping path?

[toolman]

Hi there,

I have the following fiddle which uses a clipping path with a video.

Edit fiddle - JSFiddle - Code Playground

What I would like to do is add an overlay on top of the video, but only the video, so the red area remains red. Is this possible to do so it is just on the clipping?

Thanks!

[PaulOB]

@toolman

Is this possible to do so it is just on the clipping?

You could use the same clip-path in an overlay.

e.g.

figure.bm-ab-header:before{
content:"";
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
background:rgba(0,0,0,0.5);
z-index:99;
clip-path:polygon(0 0, 100% 0, 80% 100%, 20% 100%);
}

Assuming that’s what you wanted.

[toolman]

Hi,

Ah, yes I see, that works!

Many thanks