Neocities.org

Neon rust n' alien dust!

ninacti0n.neocities.org

467,943 views
996 followers
3,519 updates
0 tips
How'd you do that cool cursor?
1 like
ninacti0n 2 months ago

Oh, heya there! I looked up the right dimensions of a windows cursor, then drew it on FireAlpaca (keeping in mind to keep the tip of the arrow touching the top left corner of the canvas, for the touch to work right). Then, you export it as a PNG, and finally change your cursor in CSS!

1 like
ninacti0n 2 months ago

In the CSS, you open up the curly braces for the html element (to make sure it works everywhere, including on scrollbars), and type out “cursor: url(“INSERT URL HERE”), auto; <— The auto at the end is the default cursor, to act as fallback in case the custom cursor does not run on certain systems.

ninacti0n 2 months ago

And as a bonus, if you wish to change your cursor image when you hover something, you can type out “a:link { cursor: url(“INSERT URL HERE”), pointer; <— This way avoids flickering when hovering links! You don’t need to add it to a :hover pseudoclass, the element itself does the trick!

robonerd 2 months ago

Thanks! I don't know what I'm gonna make the Cursor Yet, but I know what I need, and that's good enough for now!

1 like

Website Stats

Last updated 3 months ago
CreatedJun 14, 2022
Site Traffic Stats

Tags

art artist portfolio worldbuilding comic