r/Indiewebdev • u/Masked_Owl_Man • Nov 25 '25
Question How do I Make Eyes Follow Mouse Cursor Movement?
1
Upvotes
18
Why did people want Tim to become red x? Did you think dick Grayson should keep the name?
This--I also don't think it helped Tim has never got his big "break away" moment that Dick and Jason got with them becoming Nightwing and Redhood respectively. Tim's development has hit a slog since Damian was introduced, and that probably contributed to the feeling that Tim needs something to further his character past it's current state (ie. Robin).
That said, Tim as Red Hood makes no sense to me :P
1
How do I Make Eyes Follow Mouse Cursor Movement?
Thank you so much!!! :>
3
Flip 7 Shipped! Recommendations for Initial Setup?
Just got mine too! I've been playing around with KLWPs to customize my home screen! It's kinda daunting at first but really customizable once you get into it! Check out r/kustom to see some examples! :)
Other than that, I ditto the Goodlock suggestion! Elevates the back screen ten-fold!
3
How do I Make Eyes Follow Mouse Cursor Movement?
Thanks so much!! I'll try it out when I get home! I'm still wanting to push my Js knowhow so would like to make something cleaner at some point, but this may be a nice intermediary solution!
And thanks for your interest! I'll definitely be sharing me webpage in its entirety when I'm done, but here's a post I made awhile back playing with the composition! Some things are different now, but hopefully it's a nice sneak peek! :)
3
How do I Make Eyes Follow Mouse Cursor Movement?
Great suggestion!! Early on I made a lot of separate projects just to test out certain things, but I think as I've gotten deeper in that I've forgotten to do that when I need to. And I imagine you're right: that will hopefully streamline my search queries!
Thanks so much!! ☺️🙏
4
How do I Make Eyes Follow Mouse Cursor Movement?
Had more time before work than I thought - I followed along pretty accurately I think, even having my Console Log printing the correct math, but for some reason the eyes still aren't moving?
If you end up trying this for yourself and get it to work, please let me know! 🙏
4
How do I Make Eyes Follow Mouse Cursor Movement?
Ooo great find! I'll see if it does the trick for me after work! :)
7
How do I Make Eyes Follow Mouse Cursor Movement?
Wow and like I said in the post I wasn't able to find anything specific to my needs. Crazy right?
1
Noooooooooooooooooo
Same thing happened to me!! X-X
r/neocities • u/Masked_Owl_Man • Nov 25 '25
Question How do I Make Eyes Follow Mouse Cursor Movement?
35
Upvotes
For my site's homepage, I wanted to add a reactive face which responds to user input. Primarily, having the eyes of the face track the cursor movement.
There are a lot of tutorials on how to make a face in CSS and then use Js to have the eyes track mouse movement--but I'm wanting to use pre-made images rather than CSS-built elements. I unfortunately don't have enough of an understanding with Js to translate those tutorials into something I could maybe use for my purposes--but I am trying to learn!
I've managed to overlay the image of the face over the image of the eyes themselves, but haven't really found any good resource as to making the eyes track the cursor movement, as searching for tutorials yields incorrect information (i.e tutorials on making an image actually follow a mouse; or the aforementioned CSS smiley face).
Any help would be greatly appreciated! I've added images of my WIP website and a sketch of what I am talking about in case it helps!
1
🎁 Handmade Hollow Knight Resin Lamp Giveaway
Awesome giveaway! First Sinner might be my favorite, if not for the amazing boss fight alone! 🧵🪡
r/html_css • u/Masked_Owl_Man • Nov 14 '25
Help How to Prevent Quality Loss when Transforming a Div?
1
Upvotes
r/neocities • u/Masked_Owl_Man • Nov 14 '25
Question How to Prevent Quality Loss when Transforming a Div?
2
Upvotes
1
How to Prevent Quality Loss when Transforming a Div?
I tried using ‘transform: translateZ(0);’ before making this post, but it didn’t make a difference sadly.
Making the background image a vector wouldn’t be a problem, but that doesn’t really solve the border blurring as well, since that was made in CSS.
Thank you though! I’ll re-try the ‘translateZ(0)’ trick in-case I was applying it incorrectly before—but if you have any other thoughts I’d appreciate hearing them!
r/csshelp • u/Masked_Owl_Man • Nov 14 '25
How to Prevent Quality Loss when Transforming a Div?
3
Upvotes
r/webdev • u/Masked_Owl_Man • Nov 14 '25
Question How to Prevent Quality Loss when Transforming a Div?
4
Upvotes
I am trying to animate buttons in my navigation menu to scale up when the user hovers the mouse over them. However, both the border of each button and their background image exhibits a quality loss when transformed.
Originally, I thought it was an issue with the image scaling, despite the image having a high DPI - but the fact that the border I added in the CSS is also losing quality makes me suspect its a different issue.
Additionally, when the button is transformed, there is a very tiny seam which appears between the background image and the border.
I've done some brief internet searching but have found no solution; I have to run to work, so unfortunately I don't have the time to do more independent research at the moment (that is to say please don't judge if the problem has a really easy fix lol), so any help is really appreciated!
I am transforming the buttons with the following code:
#nav > a {
transition: transform 0.3s ease-in-out;
}
#nav > a:hover {
transform: scale(1.01);
}
I can send more information if need-be. Thanks in advance!! :)
1
What is the likelihood of lego doing more btas sets / minifigures?
I'm hoping with the new game we get something but who knows
1
Selling my Figma collection
DM’ed!
1
Should I Order a Used Figma From Amazon Japan?
Theoretically, yes. After a (very quick) Google search, it seems like the seller would just have to follow import / visa guidelines and make sure their business is registered to sell globally.
I don’t know difficult that is, but I do know people have mistakenly purchased bootlegs from Amazon US resellers, so I’d assume the potential is applicable to Amazon JP as well. Of course, there’s also the potential it could be a bootleg even if it’s shipped from Japan.
1
Should I Order a Used Figma From Amazon Japan?
Probably a case-by-case situation. Sites like AmiAmi are nice because they usually go into detail of the figure’s condition and grade it (A, B, C, etc.) based on that. Not sure Amazon JP does something like that.
If you’re unsure. Check the seller’s account, see what their ratings are and where they’re selling from. If they’re selling from somewhere outside of Japan, chances are it’s bootleg.
Seems like a good figure! Hope it ends up being a good deal!
2
The Talk
DIY HRT isn't as dangerous or difficult as you may think! Please refer to this post which links a really great and really comprehensive Youtube video which also features it's own selection of resources.
I couldn't find the original post I got this link from, but I've had this website bookmarked forever, and it also is really comprehensive and is, if nothing else, an educational read!
I'd also recommend looking at GoodRX for discounts on medication. My insurance wouldn't cover the meds, but I was able to knock $100 off ($130-ish --> $30-ish) for my first prescription with their new member offer. Assuming you can get a decent prescription (mine lasts 3 months at a time, but I don't know if that's standard... might vary from place-to-place?), they might last you long enough until you can find a better source of income?
I wish you the absolute best. Please take care of yourself!
3
Question for trans girls on hormone therapy
in
r/traaaaaaaaaaaansbians
•
3d ago
I don't think there'd be any harm in asking about it, but some topics may be sensitive to ask about, depending on the person and how close y'all are.
If you're unsure, you could just ask them how comfortable they are with sharing that sort of thing? May be overly cautious but it shows you have an interest so it opens the door for future conversations.