Código de CSS - Menú - CSS Focus Hover Efectos

Filtrado por el tag: Programming

<<>>

Val: 571

Menú - CSS Focus Hover Efectos

Publicado el 4 de Febrero del 2018 por Scriptshow (141 códigos)

3.706 visualizaciones desde el 4 de Febrero del 2018

Menú realizado en puro CSS Compatible. Varios efectos posibles con eventos del mouse, sin JavaScript...

Veamos el código del ejemplo.

Un navegador web y/o dispositivo compatible.

Publicado el 4 de Febrero del 2018

3.707 visualizaciones desde el 4 de Febrero del 2018

<!DOCTYPE html>

<html>

<style>

.nav a {padding:24px;outline:none;text-decoration:none;color:#000000}

.nav a:hover {background:#44DDDD;outline:none}

.nav a:focus {background:#DDDD44;outline:none}

</style>

<div class="nav">

<a href="javascript:void(0)"><i>Home</i></a>

<a href="javascript:void(0)"><i>Info</i></a>

<a href="javascript:void(0)"><i>Foto</i></a>

<a href="javascript:void(0)"><i>Mail</i></a>

</div>

</html>

No hay comentarios


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s4419