Gradients

Gradients are created with 2 or more colors that are blended together, and can be added to any element of a website.
Examples below show linear and radial gradients, full section gradient backgrounds, gradient headings and gradient icons.

Examples of Linear Gradients

Examples of Radial Gradients

Full-Width Section with gradient backgrounds

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sagittis orci a scelerisque purus. Tortor vitae purus faucibus ornare suspendisse sed nisi lacus sed. Suspendisse potenti nullam ac tortor vitae purus faucibus. Elementum pulvinar etiam non quam lacus suspendisse faucibus.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sagittis orci a scelerisque purus. Tortor vitae purus faucibus ornare suspendisse sed nisi lacus sed. Suspendisse potenti nullam ac tortor vitae purus faucibus. Elementum pulvinar etiam non quam lacus suspendisse faucibus.

Heading With Background Image & Gradient

Image
Background

Gradient Headings

Simple Gradient Icons

Icons with Gradient Background

Copyright © 2024 · Ray Grubman · All Rights Reserved