Forums

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

Home Forums CSS [Solved] hover feat in portfolio

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #183608
    AMD
    Participant

    Hi everybody!
    This is my site
    I’ve added the custom css below in the portfolio, (in order to have the opposite effect on hover) but the opacity value doesn’t increase!

    .ut-hover-layer {
    opacity: 2!important;
    }

    .ut-hover-layer:hover {
    opacity: 0!important;
    }

    It looks always as 1.
    Plus, the title were appearing on hover, no just on hover off.
    Anybody can help?
    Thx.

    a

    #183610
    __
    Participant

    …? What exactly do you expect “double opacity” to look like?

    Opacity is a range from zero to one. Zero is “no opacity,” and one is “completely opaque.” Less than zero, or more than one, makes no sense. It’s like asking white to be lighter, or black to be darker.

    Plus, the title were appearing on hover, no just on hover off.

    There needs to be a space between your value (0) and the !important declaration. Actually, I kinda doubt that !important really needs to be there at all.

    #183612
    nixnerd
    Participant

    It’s like asking white to be lighter, or black to be darker.

    This. My guess is that you’ll need to adjust other things on the page to be lighter RELATIVE to the element you wanted to make opacity: 2;. Like __ said, there’s no way to make something have an opacity below 0 or above 1. It’s not conceptually or practically possible.

    #183619
    AMD
    Participant

    Thanks guys for explaining the opacity parameters, (thought the scale was btw 0&9) hoped I could make it lighter as the video in home.

    Bout the second feat, I’ve spelled wrong NOW..
    “Plus, the titles previously were appearing just on hover, NOW are present just on hover off=)

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