Free CSS Touch Action Generator
Control touch gestures with our free tool. Touch-action for interactive elements.
- Gesture options
- Pan direction control
- Zoom toggle
- Interactive demo
- Mobile preview
Frequently Asked Questions
When should I modify touch-action?
When building custom touch interactions—carousels, sliders, drawing canvases, or games. Prevents browser gestures from interfering with your JavaScript handlers.
What does touch-action: none do?
Disables all browser touch behaviors (pan, zoom) on the element. Your JavaScript handles everything. Use carefully—can frustrate users if scroll/zoom is expected.
How do I allow vertical scroll but handle horizontal gestures?
Use touch-action: pan-y. Browser handles vertical scrolling, but horizontal touch is available for your JavaScript (like a carousel swipe).