Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
[Mini MOD] Hover en imagen de perfil
#1
Hola amigos hoy les traigo un hover creado por mi es hermoso Gran sonrisa espero que lo utilicen es fácil de colocar bueno en fin comenzamos

Van a perfil.css y al final de perfil.css colocan:

Código PHP:
div.perfil-avatar a img {
background-color:#FFF;
border1px solid #CCC;
padding5px;
line-height:0;
-
webkit-transition:all 0.5s ease;
-
moz-transition:all 0.5s ease;
-
ms-transition:all 0.5s ease;
-
o-transition:all 0.5s ease;
box-shadow:0 1px 0 #FFF inset
}
div.perfil-avatar a img:hover {
background:#44a5e8;
background:-webkit-gradient(linear,left bottom,left top,from(#1d84e4),to(#70c8f3)) #44a5e8;
background:-moz-gradient(linear,left bottom,left top,from(#1d84e4),to(#70c8f3)) #44a5e8;
background:-ms-gradient(linear,left bottom,left top,from(#1d84e4),to(#70c8f3)) #44a5e8;
background:-o-gradient(linear,left bottom,left top,from(#1d84e4),to(#70c8f3)) #44a5e8;
border:1px solid #177bc0;
border-bottom-color:#0f4d78;
box-shadow:0 1px 10px rgba(0,0,0,0.29),0 1px 4px rgba(23,148,232,0.81),inset 0 1px 0 #bbecf3;
}
div.perfil-avatar a img:hover {
border1px solid #00CCFF;
border-radius50%;
border-radius50%;
-
moz-border-radius50%;
-
webkit-border-radius50%;
-
o-border-radius50%;
box-shadow0px 0px 10px #00CCFF;
-moz-box-shadow0px 0px 10px #00CCFF;
-webkit-box-shadow0px 0px 10px #00CCFF;


Y listo les quedaría el hover en la imagen del perfil Solo pasen el mouse por la imagen
Firma editada por Moderación: Sitio web no alojado en Skylium (spam).


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  [Mini-Mod][SEO]Descripcion al crear post... casper 2 792 16-12-2014, 01:24 PM
Último mensaje: Vicen
  [Mod][SMline]Cabecera de perfil casper 5 849 05-10-2014, 10:48 AM
Último mensaje: Vicen
  PHPOST [Mini Mod] Entrar al perfil desde http://TuWeb/USUARIO/ casper 0 526 04-10-2014, 09:49 PM
Último mensaje: casper
  [Mod][SMline] Video favorito en el perfil casper 0 506 04-10-2014, 08:05 PM
Último mensaje: casper
  [Mini MOD] Links ocultos para visitantes LCNetwork 8 1,254 24-08-2014, 12:41 PM
Último mensaje: TheBomberbe
  PHPOST [Mini MOD] Anti AdBlock LCNetwork 4 1,006 13-08-2014, 04:24 PM
Último mensaje: Vicen
  PHPOST Mini fix Imagen "Cargando..." Al Agregar Post Boreas 18 2,255 13-08-2014, 02:32 PM
Último mensaje: albert2227
  [Mini MOD] Scrollbar Path Style Scroll LCNetwork 2 594 04-08-2014, 09:27 PM
Último mensaje: Renguit0
  [Mini MOD]Top User con más Posts LCNetwork 4 694 01-07-2014, 03:22 PM
Último mensaje: Vicen
  [Mini-MOD]Header con movimiento LCNetwork 2 693 30-06-2014, 10:30 PM
Último mensaje: mispracticas2009



Usuarios navegando en este tema: 1 invitado(s)