1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Solucionado Ayuda con esto?

Tema en 'Temas Solucionados' comenzado por Sebastian21, 3 de Septiembre de 2015.

Estado del tema:
No está abierto para más respuestas.
  1. Sebastian21

    Sebastian21 Nuevo Miembro

    Se incorporó:
    3 de Septiembre de 2015
    Mensajes:
    1
    Me gusta recibidos:
    0
    Puntos de trofeos:
    1
    Género:
    Hombre
  2. fede5426

    fede5426
    Moderador
    Miembro del Equipo

    Se incorporó:
    5 de Mayo de 2015
    Mensajes:
    237
    Me gusta recibidos:
    171
    Puntos de trofeos:
    43
    Género:
    Hombre
    Colocas la imagen de fondo al centro e indicas que cuando se coloque el cursor arriba de elemento, el tamaño de la imagen de fondo sea mayor..

    Código (Text):
    div{
        width:500px;
        height:300px;
        background-image:url("ruta/de/imagen.jpg");
        background-position:center center;
        background-size:100%;
        transition:all .5s ease;
    }

    div:hover{
        background-size:130%;
    }
    La propiedad "transition" hace que el efecto sea más suave.

    Saludos.
     
    A AngelKrak le gusta esto.
  3. gammafp

    gammafp
    Moderador
    Miembro del Equipo

    Se incorporó:
    12 de Enero de 2015
    Mensajes:
    774
    Me gusta recibidos:
    330
    Puntos de trofeos:
    63
    Género:
    Hombre
    Sí, acá tienes. Para hacerlo necesitas crear un contenedor que no se desborde (lo puedes hacer con overflow: hidden), y luego un hover a la imagen que contenga mas un transform: scale(X, Y); te dejo un ejemplo y te vas fijando y tocando el código, saludos.
    Para muestra un botón:
    [​IMG]
    Descargas abajo:
     

    Archivos adjuntos:

    • gamma.zip
      Tamaño de archivo:
      25,4 KB
      Visitas:
      1
    A AngelKrak le gusta esto.
  4. fede5426

    fede5426
    Moderador
    Miembro del Equipo

    Se incorporó:
    5 de Mayo de 2015
    Mensajes:
    237
    Me gusta recibidos:
    171
    Puntos de trofeos:
    43
    Género:
    Hombre
    Bueno, se puede hacer de las 2 formas.. yo prefiero usar una imagen de fondo pero la opción que muestra gamma es otra forma válida, la diferencia es que de esa manera el contenido que coloques encima tiene que estar con posición absoluta.. en cambio usando una imagen de fondo nop. :p
    Pero como dije, valen las 2 :D
     
    A gammafp y AngelKrak les gusta esto.
Estado del tema:
No está abierto para más respuestas.

Comparte esta página