sorry if someone's already made a post about this.
i would LOVE to have an animated cursor, i believe someone said it's impossible? limited? in friendrewind for some reason, and i'm not sure why. i would love to know why, but i would also love to have an animated cursor. thanks in advance!
Fixed a ton of issues with custom profile cursors. Fixed an error where alot of them were invisible, also fixed an error with click radius (so the mouse is lined up with where you actually are clicking.) Hope this helps! (:
bit of a late response but ill give you a quick tutorial (for pc):
your gonna need to use this code:
body.profile-page,
body.profile-page a,
body.profile-page button {
cursor: url("INSERT LINK TO IMAGE OR GIF"), auto !important;
}
when you can find the image or gif you want online you have to right click the image/gif and press "copy image address" then paste it into the URL in the css code i gave you above
IF the gif is offset you would have to go to EZGIF.com, and go to "transform" then upload your gif and go to "crop".
when you crop it, try to make it so the dimensions of the gif are 32 pixels by 32 pixels. thats the original cursor size, so it shouldnt be offset, and make sure that the pointer is in the top left.
when you finish editting the gif, upload it to catbox.moe or imgbb.com or any other site you like. and then when you get the link to the gif, open the link, right click the gif, copy image address, and pastes it into the css url.
if its an image, just crop it normally in any program (i prefer using paint.net) and upload it to catbox.moe or imgbb.com and follow the same steps i said earlier.
i got a cursor gif from https://www.cursors-4u.com/animated so the tutorial should work if you got the gif from there
i hope you learned, if you run into any bugs you can always DM me or reply here and ill be sure to respond as fast as i can
@heaven666 thank you so much!!! i followed all the instructions (my cursor was already 32x32 which was pretty sweet) and pasted ur code into my profile layout. everythings pretty much fine & dandy except my cursor doesnt move :( it's just a static image. tips?
@steph stabwound (|\\\|)
weird it shouldve worked, what gif r u using? send me the link
@heaven666 the imgbb link is here
@steph stabwound (|\\\|)
lol the problem may be that when i click on the link the image doesnt appear
it says the site cant be reached (error 404)
@heaven666 hrm. found the tumblr link for it so maybe thatll work better... here
OKAY i apologize my earlier response was for images lmao
heres ur code if u dont care for the tutorial:
@keyframes anicur {
0% {
cursor: url("https://files.catbox.moe/jk9swk.png"), auto;
}
20% {
cursor: url("https://files.catbox.moe/8ewhde.png"), auto;
}
40% {
cursor: url("https://files.catbox.moe/e4gza6.png"), auto;
}
60% {
cursor: url("https://files.catbox.moe/y1k7ip.png"), auto;
}
80% {
cursor: url("https://files.catbox.moe/o0jrqg.png"), auto;
}
100% {
cursor: url("https://files.catbox.moe/u0uq4c.png"), auto;
}
}
body {
animation: anicur 0.8s linear infinite;
}
(if you dont like how fast/slow the gif is, adjust the animation in body)
if someone else wants to learn how to use a gif just use this blog from spacehey: https://blog.spacehey.com/entry?id=895273
@heaven666 tysm!!!!
You must be logged in to reply.
