mouse-over picture

  • Resolved mcmotorhead

    (@mcmotorhead)


    7 years ago

    Hi, i am preparing a new website. I don’t know how to call this in english but what i want is that when i move my mouse over a picture that the picture becomes a bit bigger (kind of highlighting). I have on my website 6 round pictures and want for that the same. Any idea?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • fgirach09

    (@fgirach09)

    hi

    In css please use transform scale

    .module-image.circle .image-wrap img:hover {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}

    and with smooth animation use transition

    .module-image.circle .image-wrap img:hover {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1); transition: all .3s ease-in-out;-moz- transition: all .3s ease-in-out;-webkit- transition: all .3s ease-in-out;}

    thanks

    Thread Starter mcmotorhead

    (@mcmotorhead)

    perfect, thanks a lot

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘mouse-over picture’ is closed to new replies.