LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

CSS
body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
}

.main {
  width: 100%;
  height: 100vh;
  border-bottom: 1px solid gray;
  background: url(https://www.walldevil.com/wallpapers/w01/465480-blonde-face-women.jpg) center center/cover;
}

header {
  position: fixed;
  height: 70px;
  align-itens: center;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  background-color: transparent;
  display: flex;
}

header .container {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

header .outer {
  content: "";
  display: block;
  top: 0;
  background: url(https://www.walldevil.com/wallpapers/w01/465480-blonde-face-women.jpg) center top/cover;
  z-index: -1;
  filter: blur(10px);
  position: absolute;
  width: 100%;
  height: 100%;
}

header .container:after {
  display: block;
  top: 0;
  background: url(https://www.walldevil.com/wallpapers/w01/465480-blonde-face-women.jpg) center top/cover;
  z-index: -1;
  filter: blur(10px);
  position: absolute;
  width: 100%;
  height: 100%;
}

header ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
}

header li {
  margin: 0 10px;
}

header li a {
  color: #fff;
  color: #fff;
  text-decoration: none;
}
Term
Sat, 04/14/2018 - 20:48

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv