Snippets

Dan Bochichio CSS Angle Backgrounds

Created by Dan Bochichio
/*wrap in divs*/

.bgstyle1 {
  background-color: #013A6B;
  background-image: -webkit-linear-gradient(30deg, #013A6B 50%, #004E95 50%);
  min-height: 500px;
}

.bgstyle2 {
  background-color: #34ADFF;
  background-image: -webkit-linear-gradient(150deg, #34ADFF 35%, #4CBFFF 35%);
  min-height: 400px;
}

.bgstyle3 {
  background-color: #EFEEEF;
  min-height: 260px;
  
}
.bgstyle4 {
  background-color: #E0E0E0;
  min-height: 260px;
}

.bgstyle5 {
  background-color: #EFEEEF;
  min-height: 260px;
}

.bgstyle6 {
  background-color: #34ADFF;
  background-image: -webkit-linear-gradient(30deg, #34ADFF 45%, #4CBFFF 45%);
  min-height: 400px;
}

.bgstyle7{
  background-color: #013A6B;
  background-image: -webkit-linear-gradient(150deg, #013A6B 35%, #004E95 35%);
  min-height: 200px;
}

Comments (0)

HTTPS SSH

You can clone a snippet to your computer for local editing. Learn more.