Aleksey
(Aleksey Denisov)
June 23, 2019, 11:13am
1
Help urgently please!! How to connect this code to classes?
from this form: Interaction to change z-index
$(".your-element").hover(function(){
$(".other-element").css("z-index", "10");
}, function(){
$(".other-element").css("z-index", "1");
});
You can use simple CSS
hover
<style>
.element:hover{
z-index: 1000;
}
</style>
Hi all,
Im looking for the best way to create a hover effect that will hover over all the other div blocks around it. The section “Pick Your Adventure” is where I am talking about. I Have the animation set up so that when the user hovers, the background changes color along with the button and all of that is good to go, but when the element scales up, part of it hides behind the other div blocks since it is lower in the hierarchy. If anyone has a solution I would greatly appreciate it.
Thanks!
…
Anyway add live URL and read-only link (It’s hard to know why this code not working for you like this).
Aleksey
(Aleksey Denisov)
June 23, 2019, 5:27pm
4
Hello, thanks for the help. I still can’t figure it out.
it is necessary that the image covered the rectangle when you hover the mouse.
Here is my public share link: https://dkdk.webflow.io/1
Here is my site Read-Only: LINK
Move before body (after jquery loads) (Right click - inspect → console to see the errors):
Aleksey
(Aleksey Denisov)
June 23, 2019, 5:51pm
6
OMG it really worked! I wanted to achieve this effect, thanks!
Great Mark as solution to close this topic
Aleksey
(Aleksey Denisov)
June 24, 2019, 1:34pm
8
Sorry to bother you again. Can I do the animation without jerking?
when you move the mouse quickly, the animation does not have time to fully reproduce and stops.
Here is my public share link: https://dkdk.webflow.io/2
Here is my site Read-Only: LINK