DotPetal / Petal web kit

A little corner with its own pointer.

Move the mouse over the page, this link and the fields below. The pointer follows the kind of thing you can do. The four drawings below are displayed at their actual 32-pixel size.

Normal select
Normal select
Link select
Link select
Text select
Text select
Move
Move

A local note

Nothing has been sent.

This example never sends email, uploads input or saves it. JavaScript only previews the note as text. Closing the page clears it.
A move-cursor sample. This box is not draggable.

For your own page, copy the cursors folder and pointers.css, link that stylesheet, then add class="dotpetal-zone" to the region you want to style. Leave example.css and example.js out if you only want the pointers.

Touch input is unchanged. A browser may use its native pointer instead. These styles do not change Windows, browser toolbar buttons or other websites.

Original files by DotPetal / MoneyHunter. Free to use and modify under the included LICENSE.txt.