Currently, I am in the process of working on a new webpage. You can view the progress at the following link: . When hovering over the Referrals Button, a Background Overlay will appear. To enhance the visual effect, I am looking to implement a gradual appearance, possibly through a Fade in or out animation.
I have incorporated the following script to manage the Overlay animation.
<script type="text/javascript">
(function(){
$('#coins').on('mouseenter', function(){
var w = $(window).width();
var h = $(window).height();
$('<div></div>').appendTo('body').
addClass('overlay').css({ 'width': w, 'height': h });
}).on('mouseleave', function(){
$('.overlay').remove();
})
})();
</script>