Blenra LogoBlenra
Optimized for: Gemini / ChatGPT / Claude
#UI

Advanced AI Prompt for Image Masking Reveal Cursor

Customize the variables below to instantly engineer your prompt.

Required Variables

image-masking-reveal-cursor.txt
Design a 'flashlight' effect cursor that reveals a hidden image [REVEAL_IMAGE_URL] beneath a dark overlay. The [MASK_SHAPE] mask should be [MASK_SIZE] large. Implement this using CSS 'clip-path' or a Canvas globalCompositeOperation. Provide a fallback for browsers that do not support high-level CSS masking. Ensure that the text content underneath remains selectable and the 'flashlight' doesn't block DOM events.

Example Text Output

"A CSS/JS solution using a clip-path circle that follows the mouse, revealing a background-image layer specifically within the circle's radius."

More Web Components Prompts

View all →

Frequently Asked Questions

What is the "Advanced AI Prompt for Image Masking Reveal Cursor" prompt used for?

A CSS/JS solution using a clip-path circle that follows the mouse, revealing a background-image layer specifically within the circle's radius.

Which AI tools work with this prompt?

This prompt is optimized for Gemini / ChatGPT / Claude, but works great with ChatGPT, Claude, Gemini, and other large language models. Simply copy it and paste it into your preferred AI tool.

How do I customize this prompt?

Use the variable fields above to fill in your specific details. The prompt will auto-update as you type, ready to copy instantly.

Is this prompt free?

Yes! All prompts on Blenra are free to copy and use immediately. No account required.