Get Started

Copy and paste the code below into the <head> of your HTML document. You can also download the css. Select a class name below and add it to any <div>

 

DOWNLOAD CSS

 

Copy CSS File Path

<link href="http://www.divcandy.com/download/divcandy.css" rel="stylesheet">

 

Gradients

Blueberry
.blueberry

Hard Candy
.hard-candy

Berries
.berries

Mint
.mint

Sour Pear
.sour-pear

Cherry
.cherry

Tangerine
.tangerine

Apple Pie
.apple-pie

Cinnamon Toast
.cinnamon-toast

Cotton Candy
.cotton-candy

Ambrosia Apple
.ambrosia-apple

Red Grape
.red-grape

Sweet Shamrock
.sweet-shamrock

Strawberry
.strawberry

Blue Cotton Candy
.blue-cotton-candy

Blue Eminems
.blue-eminems

Honey
.honey

Watermelon
.watermelon

Border Effects

Small Glow
.small-glow

Glow
.glow

Big Glow
.big-glow

Rounded Radius 5
.rounded-5

Rounded Radius 5 Dashed
.rounded-5-dashed

Rounded Radius 5 Dotted
.rounded-5-dotted

Rounded Radius 15
.rounded-15

Rounded Radius 15 Dashed
.rounded-15-dashed

Rounded Radius 15 Dotted
.rounded-15-dotted

Rounded Radius 25
.rounded-25

Rounded Radius 25 Dashed
.rounded-25-dashed

Rounded Radius 25 Dotted
.rounded-25-dotted