How to create a CSS button with CUT OFF edge?

Simple question i don’t know how to create a button like this using Bootstrap classes?

Can someone help?


Take a look at this, it may give you some ideas.
If not there is always SVG.

Here is one way:-

1 Like

This one’s a more “real world” example, with actual link, text and sized by the content.


Thanks my friend… cheers!

By any chance you can make this work with a bootstrap Button?

I don’t know.
I don’t really know anything about bootstrap or its buttons.

Sure, just add an additional class to that bootstrap button where you apply @SamA74’s CSS. You’d have to override quite a few additional Bootstrap styles though, so why not introduce your own button style in the first place?

1 Like

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