Barra de navegacion DIFUMINADA CSS | HTML - Educa Sistemas

Breaking

Post Top Ad

Post Top Ad

sábado, 10 de junio de 2017

Barra de navegacion DIFUMINADA CSS | HTML


Excelente por si gustas innovar en el aspecto de tus menus, o barras de navegacion, programado en HTML y CSS.

Codigo:


<STYLE>

body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  font-family: 'Baloo Bhaina', cursive;
  background-color: #263238;
}
body .navigation {
  padding: 80px;
}
body .navigation:hover a {
  filter: blur(3px);
}
body .navigation a {
  padding: 10px;
  text-decoration: none;
  transition: all 500ms;
  color: #ffb74d;
  text-shadow: 0 2px 0 black;
}
body .navigation a:hover {
  filter: blur(0px);
  cursor: pointer;
}


</STYLE>

<div class='navigation'>
  <a>INICIO</a>
  <a>SERVICIOS</a>
  <a>PORTFOLIO</a>
  <a>SUSCRIBETE</a>
  <a>CONTACTO</a>
</div>

TUTORIAL :

No hay comentarios:

Publicar un comentario

Post Top Ad

Responsive Ads Here