LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

Empty Blue Space

CSS
@import url('https://fonts.googleapis.com/css?family=Raleway:300') ;

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

body{
  background-color:#0055CC;
  font-family:"Raleway";
  color:#FFF;
} 

div{
  width:400px;
  height:80px;
  line-height:80px;
  margin:150px auto;
  position:relative;
  text-align:center;
}

span{
  position:absolute;
  width:20px;
  height:20px;
  transition:all .4s ease-in-out
}

span:first-child{
  border-top:2px solid #FFF;
  border-left:2px solid #FFF;
  top:0;
  left:0
}

span:last-child{
  border-bottom:2px solid #FFF;
  border-right:2px solid #FFF;
  bottom:0;
  right:0
}

div:hover span{width:100%;height:100%}
JS
// • Mar 28, 2018 
// • CSS Daily Exercises
// • Front-end Daily
Term
Sat, 04/14/2018 - 20:46

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv