Generate CSS code for geometric triangles.
Visualizer for all CSS border styles.
Generate pure CSS background patterns.
Create and customize CSS box-shadow effects with a visual editor.
Create beautiful CSS gradients with color pickers and angle controls.
Create custom border radius values with individual corner controls.
Planning a trip or a loan? Use a calculator to understand the numbers. Seeing a full amortization schedule can be really eye-opening!
Point the way. Explore all the available CSS cursor values strings. See how they look and copy the code to improve your UI's affordance.
The cursor is the user's hand in the digital world. Changing it from a pointer to a 'not-allowed' sign or a 'grab' hand communicates interaction instantly without words. This gallery shows you every option the browser supports.
It renders a grid of divs, each with `style='cursor: value'`. It's a living dictionary of the CSS Cursor Level 3/4 spec.
Most are supported everywhere. Some newer ones like `zoom-in` might behave slightly differently on old browsers, but they generally degrade gracefully.
Yes, CSS allows `cursor: url('image.png'), auto;`, but this tool focuses on the built-in keywords.
You must be using a mouse or trackpad. Touchscreens don't have a persistent cursor state!
All calculations and data processing for this tool are performed locally in your browser. UtilToolkits does not send any of your data to an external server, ensuring your information remains private and secure.
Standard arrow
cursor: default;