CSS Triangle Generator
Generate pure CSS code for creating triangular shapes, common in tooltips and flags.
Feeling stressed? I use Miracle of Mind app daily - see why It got 1M+ downloads! (not affiliated)Feeling stressed? I use Miracle of Mind daily.Try it now! Try it now
Generate pure CSS code for creating triangular shapes, common in tooltips and flags.
width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid #667eea;
• CSS triangles use the border trick with zero width/height
• Transparent borders on the sides create the triangle shape
• Commonly used for tooltips, arrows, and speech bubbles
• Direction is controlled by which border has color