Jump to content

Custom cursor is very pixelated

Recommended Posts

I customized my cursor using CSS code, but it's showing up super pixelated. Not sure why. 

I grabbed the code from this article, and followed the guidelines of uploading a 30x30 image for the cursor, but it's so blurry. 

Can't seem to find a solution online. Anyone have any tips? 

Link to comment
  • Replies 4
  • Views 508
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Can you share your website?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

TBH your cursor looks less pixelated than the example website. 

Because the cursor is very small curves become difficult to render nicely, if you use 90-degree (and to some extent 45-degree) angles you'll be far less likely to notice the low resolution.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.