How to create a CSS button with CUT OFF edge?

HTML & CSS
1

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

Can someone help?

Thanks

2

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

3

Here is one way:-

1 Like
4

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

5 Likes
5

Thanks my friend… cheers!

6

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

7

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

8

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
9

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