CSS Box Reflection Generator
Design four-direction reflections with offset, fade, opacity, mirrored-copy scale and local previews.
Enabling local controls…
Tool settings
-webkit-box-reflect is nonstandard and feature-detected here. Its native syntax has no reflection scale; the scaled preview and HTML use an explicitly labeled mirrored-copy approximation.
Processed in local memory; inputs are not transmitted or stored.
Static source date: 2026-10-18
Preview and complete output
Set the controls, then generate.
How to use this tool
Choose local content and reflection settings, generate, then review and export native CSS or a complete mirrored-copy HTML example.
When not to use it
-webkit-box-reflect is nonstandard and feature-detected here. Its native syntax has no reflection scale; the scaled preview and HTML use an explicitly labeled mirrored-copy approximation.