¿Supiste lo que acaba de lanzar LagriHost? Sí, como lo estabas esperando, ahora vendemos Web Hosting y Dominios. Conoce más :)


Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
TUTORIAL Botones Social Con Efecto Hover
#1
0
Hola gente espero que esten bien, hoy les vengo compartiendo un diseño muy simple espero les guste Sonreir
Los Estilos Los Pegamos En Nuestro Archivo .css

Código:
.socials{
position: relative;
margin: 0 auto;
padding: 0;
width: 17.4%;
}
.socials a{
background-image: url("images-jv/socials.png");
position: relative;
display: inline-block;
width: 35px;
height: 35px;
transition: all .3s ease-in-out 0s;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
}
.socials .f{
background-position: 0px 0px;
}
.socials .t{
background-position: 0px 71px;
}
.socials .y{
background-position: 0px -68px;
}
.socials .f:hover{
background-position: 0px -34px;
}
.socials .t:hover{
background-position: 0px 35px;
}
.socials .y:hover{
background-position: 0px -103px;
}

Ahora vamos con el html, lo pegamos donde queramos el efecto

Código:
<div class="socials">
<a class="f" href=""></a>
<a class="t" href=""></a>
<a class="y" href=""></a>
</div>


nose si pueda colocar un enlace externo, pero es la unica demo que tengo, asi que si hay algun problema me avisan,

DEMO

#2
0
wow amigo, está muy bién, yo creo que no habrá ningún problema, aunque el reglamento lo prohibe, pero a lo mejor el admin puede hacer alguna esepción
la música nó se escucha con los oídos, sino con el corazón

#3
0
No hay ningún problema porque también es la fuente del mismo, en el enlace los botones del final es el demo? se ven geniales.
Reglas de LagriHost | WIKI/Ayuda-FAQ | Nuestro Equipo | Solicita tu Hosting en 7 Pasos
No doy soporte por MP! Para eso esta el foro Guiño


[Imagen: banner-colabora.gif][Imagen: 8mt2wBp.jpg]

#4
0
Se ven muy bien los botones amigo gracias Sonrisa



Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Efecto nieve con cualquier imagen torgar22 0 484 18-06-2015, 12:51 PM
Último mensaje: torgar22
  Botones Social v2 Jonvaor96 10 1,566 14-06-2014, 05:05 AM
Último mensaje: Nafko



Usuarios navegando en este tema:
1 invitado(s)


Forum software by © MyBB Theme © Kevinex & iAndrew 2018