LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
CSS
@import url(http://weloveiconfonts.com/api/?family=fontawesome);

* {
  margin: 0;
  padding: 0;
}

html {
  background: url("https://s23.postimg.org/q2j61hasb/alejandroescamilla_book.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

ul {
  width: 380px;
  height: 64px;
  border: 1px solid #FFFFFF;
  background: rgba(230,232,203,0.4);
  border-radius: 10px;
  margin: 30px auto;
}

li {
  display: inline;
}

a {
  text-decoration: none;
}

span {
  font-family: fontawesome, sans-serif;
  font-size: 30px;
  color: rgb(51,51,51);
  position: relative;
  top: 27%;
  margin-right: 20px;
  left: 23px;
  text-shadow: none;
  transition: text-shadow 1s ease;
}

a:hover span {
  text-shadow:0 0 15px rgb(255,145,24);
  transition: text-shadow 1s ease-in-out;
}
Host Instantly Drag and Drop Website Builder

 

Description

A simple and minimalistic navigation menu for a one page website.
Term
Mon, 11/27/2017 - 22:01

Related Codes

Pen ID
Pen ID
Pen ID