- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
…? 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.
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.
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=)