Hi,
could you all help me. How to add mouse in loading screen?
Thanks for help.
Bye.
you can use js in ui
for example :
<!DOCTYPE html>
<html lang="en-US" class="no-js">
<body>
<style>
*{cursor:none}#cursor{position:fixed;z-index:9999999;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}line,circle{stroke:url("#gradient");stroke-width:3;transform-origin:50% 50%;opacity:1}line{animation:op-1 2s ease-out infinite}circle{animation:op-1 2s ease-out 1s infinite,op-2 2s ease-out 1s infinite}
@-moz-keyframes op-1{50%{opacity:.1;transform:rotate(7200deg)}}@-webkit-keyframes op-1{50%{opacity:.1;transform:rotate(7200deg)}}@-o-keyframes op-1{50%{opacity:.1;transform:rotate(7200deg)}}@keyframes op-1{50%{opacity:.1;transform:rotate(7200deg)}}@-moz-keyframes op-2{50%{transform:scale(.2)}}@-webkit-keyframes op-2{50%{transform:scale(.2)}}@-o-keyframes op-2{50%{transform:scale(.2)}}@keyframes op-2{50%{transform:scale(.2)}}
.slide-website::-webkit-scrollbar {display: none;}
</style>
<svg class="cursor" id="cursor" width="30" height="30">
<defs>
<linearGradient id="gradient"
x1="0"
y1="0"
x2="1"
y2="1">
<stop offset="0%"
stop-color="#f2c061"></stop>
<stop offset="100%"
stop-color="#da1b60"></stop>
</linearGradient>
</defs>
<circle r="13"
cx="15"
cy="15"
fill="none"></circle>
<line x1="0"
y1="0"
x2="30"
y2="30"></line>
<line x1="0"
y1="30"
x2="30"
y2="0"></line>
</svg>
<!-- Libs JS -->
<script src="assets/vendor/jquery/dist/jquery.min.js"></script>
<script>
var t = document.getElementById("cursor");
$( "body" ).mousemove(function( event ) {
t.style.left =event.pageX + "px";
t.style.top = event.pageY + "px";
});
</script>
</body>
</html>
1 Like
Hey,
i tryied to put in my html and its glitched like this
change css and fix that
for those who still need a loadscreen cursor:
u dont need to add code on ur html/js/css files just this:
loadscreen_cursor 'yes'
drop that on ur fxmanifest.lua
2 Likes