Radial Gradients

This is the code snippet for a gradient background. Courtesy of CSS Tricks:


Black Gradient

.blk-bg {
    color: #fff;
    background-color: #999999;
    background-image: radial-gradient(circle farthest-side at center bottom, #999999, #191919 125%);
}

Green Gradient

.grn-bg {
    color: #fff;
    background-color: #03AE8E;
    background-image: radial-gradient(circle farthest-side at center bottom, #03AE8E, #013A31 125%);
}

Black & Green Gradient

.blk-grn-bg {
    color: #fff;
    background-color: #03AE8E;
    background-image: radial-gradient(circle farthest-side at center bottom, #03AE8E, #191919 125%);
}

Stripes

.stripes-bg {
      background-image: 
      repeating-linear-gradient(
      45deg,
      #014A3E,
      #014A3E 10px,
      #038F75 10px,
      #038F75 20px /* determines size */
    );
}

Repeat Radial

.repeat-radial-bg {
      background: 
      repeating-radial-gradient(
      circle at 0 0, 
      #038F75,
      #014A3E 50px
    );
}