Creates CSS text-shadow declarations with real-time preview. Set horizontal and vertical offsets, blur radius, and colour for each shadow layer. Add multiple layers for glow effects, neon effects, embossed text, and retro 3D lettering. Preview updates live with configurable text and background colour.
text-shadow: 2px 2px 4px #00000080;
Design your text shadow visually and copy the CSS text-shadow value.
Generate linear, radial, and conic CSS gradients with live preview.
Create CSS box shadows with live preview and code output.
Generate CSS border-radius values visually.
Convert image files to Base64-encoded data URLs.
Convert Base64-encoded data URLs back to viewable and downloadable images.
Simulate how images appear under different types of colour blindness.