LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

Heading

CSS
body {
  margin: 0;
  padding: 0;
  font-family:'Lato';
}
.header {
  height:100%;
  overflow:hidden;
  color:#fff;
  padding:30px;
  box-sizing:border-box;
  position: relative;
}
.bg_boxes {
  position: absolute;
  top: 0;
  left: 0;
    width: 100%;
    height: 100%;
    z-index:-1;
}
.mb {
  height:100vw;
  width:10vw;
  background:gray;
  position: absolute;
    box-shadow: 0 0 15px rgba(0,0,0,.5);
}
.mb1 {
  opacity:.99
}
JS
$(document).ready(function(){
  styles = {
    1 : {
      boxes : 6,
      colors : new Array('#dadd06','#0fd4dc','#cbf0e9'),
      back : '#00a1b3',
      angle : 45,
      shadow : 1
    },
    2 : {
      boxes : 6,
      colors : new Array('#ced7dc','#465862','#e64e40'),
      back : '#465862',
      angle : 45,
      shadow : 0
    },
    3 : {
      boxes : 6,
      colors : new Array('#87e1f7','#064e60','#097590','#27c9f1'),
      back : '#000000',
      angle :65,
      shadow : 0
    }
  };
  var style = Math.ceil(Math.random() * Object.keys(styles).length);
  $('.bg_boxes').css('background-color',styles[style].back);
  for (var i=0; i
'); } });
Term
Sat, 04/14/2018 - 20:48

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv