Gradient CSS

All Devices Compability are tested by Browser Stack

Make Your Website Beautiful and Lightweight without image files and Replace it using our Gradient CSS.


FREE for everyone.

Getting Started

In this case, we combined Gradient CSS with Bootstrap 4 CSS
<div class="jumbotron jumbotron-fluid frost text-white"> <div class="container"> <h1 class="display-3">This example for Frost Background</p> </div>

Hello Frost Background

This example for Frost Background

Add code bellow into your template before </head>.

<link rel="stylesheet" type="text/css" href="https://www.craftbootstrap.com/css/gradient.min.css">

Gradient CSS was inspired by UIGradients.com and implemented into a css file for everyone.

To add Youtube Gradient easy add like this: <div class="jumbotron youtube"> Youtube </div>

Youtube