fixed hover effect

This commit is contained in:
johan 2022-12-15 15:15:02 +01:00
parent a4a58c2c55
commit 30aeaf67a7
3 changed files with 13 additions and 7 deletions

View file

@ -2,6 +2,7 @@
* {
box-sizing: border-box;
z-index: 0;
}
body {
@ -117,19 +118,21 @@ img {
.prank-button a {
color: black;
position: relative;
}
.prank-button a:hover {
text-decoration: none;
}
.prank-button a:hover:after {
content: url("../img/circle-hand.png");
.hover-circle {
position: absolute;
z-index: 5;
top: 660px;
left: 410px;
transform: scale(0.5);
z-index: 10;
top: -50px;
left: 0px;
max-height: 100%;
max-width: 100%;
display: none;
}
.banner {

View file

@ -38,6 +38,7 @@
<a id="prank-button">
Demander une mission !
<img src="img/underline-red.png" class="underline"/>
<img src="img/circle-hand.png" class="hover-circle"/>
</a>
</div>
<p id="prank-desc">

View file

@ -10,5 +10,7 @@ $(window).on("load", function() {
$(document).on("click", function() {
type.options({speed: 1});
});*/
});
});
$("#prank-button").hover(function () { $('.hover-circle').fadeIn(100) }, function(){ $('.hover-circle').fadeOut(100) });