Initializing Tool...
Easily generate CSS code for drawing triangles.
The CSS Triangle Generator provides a simple visual interface to create CSS-only directional arrows and triangles for tooltips, dropdowns, and speech bubbles.
Select the direction the triangle should point, adjust its width, height, and color, and instantly copy the CSS border-hack code generated.
Remembering the specific border-width and transparent color hacks for CSS triangles is tedious. This utility does it for you instantly, saving you from trial and error.