Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Image hover not working…?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #39290
    edharrison89
    Member

    I have a grid of full width thumbnail images that I would like to apply hover effects to, but I am struggling to get anything to work. I think the structure of my images may be incorrect… please could someone point me in the right direction for the best way to lay these out? My site is here. Thanks in advance!

    .img-grid {
    margin:0px;
    padding:0px;
    float: left;
    width: 25%;
    overflow: hidden;
    }

    .img-grid: hover {
    opacity: 0.7;
    }

    #107590
    TheDoc
    Moderator

    You have a space before ‘hover’. Should be .img-grid:hover

    #107625
    edharrison89
    Member

    Cheers Doc ;)

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.