Slanted Button

Diagonal hover reveal button

Grab more componnets for free

Slanted Reveal Button adds a sharp diagonal transition to your buttons. On hover, a colored layer sweeps across the button with a slanted edge, switching the background and text together instead of using a simple fade. The reveal direction, skew, speed, and easing are fully customizable.

Features:

• Diagonal hover reveal

• 4 reveal directions

• Smooth skewed transition

• Custom hover and base colors

• Adjustable speed and easing

• Custom font, padding, and radius

• Optional links and new-tab support

• Static fallback for mobile and Framer rendering