Welcome to Gradient CSS

Make Backgrounds Beautiful Again.


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