WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [closed] Can I CSS change image size with hover? (5 posts)

  1. BayTheMoon
    Member
    Posted 1 year ago #

    Images on one of my blog pages are reduced to 40% of full size using css. I want to have them go to 100% when hovering. Can this be done? I've seen many suggestions but none seem to work. Clearly I'm missing something, but I know now what. Any clues out there?

    CSS
    .img hover img
    {
    img-size: 100%;
    }

    HTML
    <img class="hover img" src="http://www.baythemoon.com/blog/images/meleather.jpg" alt="Tony in his leather jacket" />

  2. Fire Truck
    Member
    Posted 1 year ago #

    .hover:hover {
        width: 100px;
        height: 100px;
    }

    Specify your own width and height there in pixels instead of 100px.

  3. BayTheMoon
    Member
    Posted 1 year ago #

    Hi Fire Truck

    Gawd bless your cotton socks. Much thanks.

  4. kpolano
    Member
    Posted 1 year ago #

    I am trying to do the same thing but don't know where in the CSS to put this. Can you tell me both where to find it and the HTML to use if I want to go that way. Thanks

  5. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    @Kpolano,
    You can query this in your own thread.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags