How to use footer gradient backgrounds
Footer gradients combine deeper shadows with rising light. Use them behind closing sections, signup areas or a final call to action.
A footer has a different crop from a tall hero. Preview the footer layout before choosing a palette.
Choose CSS for a website background or export PNG, JPG, SVG or WebP for your project. The exporter includes Full HD, 4K, square, story and phone presets, plus custom sizes. Some SVG designs contain raster artwork; output dimensions do not increase their source detail.