CSS Ribbon with pointed border

Hi there,

I have this ribbon with a pointed left side. However, I would like the right hand side to have the same pointed look as the left.

Can anyone suggest how I can do this? I have tried adding a border-right but it didn’t work:

1 Like

I would use clip-path rather than fixed width borders and then you don’t have to worry about text scaling breaking the effect.


That is fantastic, thank you very much! I didn’t think of using clip-path

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.