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

Imágen de perfil
Val: 394
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Menú - CSS Focus Hover Efectosgráfica de visualizaciones


CSS

Publicado el 4 de Febrero del 2018 por ScriptShow
1.837 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.

Requerimientos

Un navegador web y/o dispositivo compatible.

1.0

Publicado el 4 de Febrero del 2018gráfica de visualizaciones de la versión: 1.0
1.838 visualizaciones desde el 4 de Febrero del 2018
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Menu_Efects
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!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>



Comentarios sobre la versión: 1.0 (0)


No hay comentarios
 

Comentar la versión: 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s4419