Viewing 1 replies (of 1 total)
  • Plugin Author attosoft

    (@attosoft)

    Hi ichomusic,

    The following style is typically used to show specified image on thumbnails when hovering the mouse over a thumbnail.

    a.thumbnail:hover { background: url(transparent-image.png); }

    However the site above takes a different approach, and defines the following styles.

    a.thumbnail { background: url(image.png); }
    a.thumbnail:hover img { opacity: 0.3; }

    Thereby specified image is displayed already, but thumbnails cover it normally. Then thumbnails become transparent when hovering the mouse over a thumbnail.

Viewing 1 replies (of 1 total)
  • The topic ‘Add hover style to tickbox’ is closed to new replies.