Before building CSS Triangle Generator, we checked a popular CSS triangle/arrow generator (10015.io) directly.
Rotate css triangle any angle — not just 8 presets
Its direction control offers 8 fixed options: up, down, left, right, and the four diagonals. That's it. Want a triangle pointing at, say, 37 degrees? Not possible without editing the CSS by hand.
Pure css triangle shadow: the competitor says it can't be done
Here's the more interesting find. That generator's own documentation states plainly that CSS border-trick triangles are "0x0 size HTML elements with borders," so box-shadow simply "cannot" work on them — its suggested workaround is to abandon CSS entirely and use an SVG or image instead.
A css arrow generator that actually renders the shadow
That's true of box-shadow specifically — it draws around the invisible 0x0 box, not the visible triangle shape. But filter: drop-shadow() works differently: it follows the actual rendered pixels, alpha channel and all. So a border-trick triangle absolutely can have a real, correctly-shaped shadow — you just need the right CSS property. Toggle "Shadow" in this tool and see for yourself.
Css triangle code copy, plus real rotation control
This generator adds a 0-360° rotation slider on top of the direction presets, so any angle is one drag away — and the shadow toggle proves the "impossible" limitation was really just the wrong tool for the job.
