Search
Star
Feedback
Setup for Free
© 2026 Hedgehog Software, LLC
Twitter
GitHub
Discord
System
Light
Dark
More
Communities
Docs
About
Terms
Privacy
hexagon button with border-radius and border using trigonometry - Kevin Powell - Community
KP-C
Kevin Powell - Community
•
3y ago
•
63 replies
phyrasaur
hexagon button with border-radius and border using trigonometry
I
'm trying to make a perfectly customizable hexagonal button using just css
. So far I still have to use 2 magic numbers for
height
height
and
translateX
translateX
. I dunno what
's wrong with my math
https://play.tailwindcss.com/1gE4l0GgpT?file=css
Tailwind Play
Tailwind Play
An advanced online playground for Tailwind CSS that lets you use all of Tailwind
's build
-time features directly in the browser
.
Kevin Powell - Community
Join
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263
Members
View on Discord
Resources
ModelContextProtocol
ModelContextProtocol
MCP Server
Recent Announcements
Similar Threads
Was this page helpful?
Yes
No
Similar Threads
Border radius
KP-C
Kevin Powell - Community / front-end
16mo ago
Border Radius
KP-C
Kevin Powell - Community / front-end
4y ago
Border radius and backgrounds
KP-C
Kevin Powell - Community / front-end
2y ago
Inverted Border Radius
KP-C
Kevin Powell - Community / front-end
2y ago
Next page