HELP with a button

hello guys, i would like to know who i do a button like this in html css!
No description
30 Replies
Zoë
Zoë12mo ago
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
snxxwyy
snxxwyy12mo ago
@z- ::theProblemSolver:: @Do Contra you can simply just do this https://codepen.io/deerCabin/pen/YzddJLe
Zoë
Zoë12mo ago
Of course, also fixes buttons being clickable where it looks clickable
snxxwyy
snxxwyy12mo ago
yeah, i believe it also simplifies your example a little too?
Zoë
Zoë12mo ago
Yeah They both feel like bodges but in different ways
snxxwyy
snxxwyy12mo ago
yeah, if you take a look at mine, i recommend using a custom property for the skew value so it's easier to maintain.
Zoë
Zoë12mo ago
Of course
snxxwyy
snxxwyy12mo ago
hopefully they find use out of both good methods and things to take note of in both
DoContra
DoContra12mo ago
thanks soo muchh guys it was so helpful my code doesnt work
DoContra
DoContra12mo ago
No description
DoContra
DoContra12mo ago
the text
DoContra
DoContra12mo ago
No description
snxxwyy
snxxwyy12mo ago
what does the html look like?
DoContra
DoContra12mo ago
No description
Want results from more Discord servers?
Add your server