DailyDevTools
Search...
⌘K
Tools
Blog
English
Home
Tools
CSS Triangle Generator
Share Tool
CSS Triangle Generator
Create CSS triangles easily. Adjust direction, size, and color.
Direction
top
right
bottom
left
top-left
top-right
bottom-left
bottom-right
Color
Width (px)
Height (px)
CSS Output
Copy
width: 0; height: 0; border-style: solid; border-width: 0 50px 100px 50px; border-color: transparent transparent #fb923c transparent;
Comments