HELP with a button
hello guys, i would like to know who i do a button like this in html css!
![No description](https://cdn.answeroverflow.com/1160693173727801485/image.png)
30 Replies
I have text and a background applied to the same place using grid, then I apply a skew to the background. This background could have a solid colour or a border. Apply a larger padding to the text to change the size of the button
I initially did thicker borders thinking that thin wouldn't look good but it looks fine
You can click buttons outside of what is visible, however buttons next to each other act predictably in the middle. You'd need a slightly more complicated method to get the button clickable area to line up
@z- ::theProblemSolver:: @Do Contra you can simply just do this https://codepen.io/deerCabin/pen/YzddJLe
Of course, also fixes buttons being clickable where it looks clickable
yeah, i believe it also simplifies your example a little too?
Yeah
They both feel like bodges but in different ways
yeah, if you take a look at mine, i recommend using a custom property for the skew value so it's easier to maintain.
Of course
hopefully they find use out of both
good methods and things to take note of in both
thanks soo muchh guys it was so helpful
my code doesnt work
![No description](https://cdn.answeroverflow.com/1161036529129488394/image.png)
the text
![No description](https://cdn.answeroverflow.com/1161036599744798760/image.png)
what does the html look like?
![No description](https://cdn.answeroverflow.com/1161036790254280836/image.png)