# hover × # sweep

Line Sweep Button · Rose Gold

An outlined ghost button whose label is swept by a skewed gradient fill on hover. Rendered in the Rose Gold palette.

38100Open

Line Sweep Button · Ocean Sky

An outlined ghost button whose label is swept by a skewed gradient fill on hover. Rendered in the Ocean Sky palette.

82900Open

Line Sweep Button · Mint Breeze

An outlined ghost button whose label is swept by a skewed gradient fill on hover. Rendered in the Mint Breeze palette.

41700Open

Line Sweep Button · Candy Pink

An outlined ghost button whose label is swept by a skewed gradient fill on hover. Rendered in the Candy Pink palette.

31100Open

Line Sweep Button · Royal Gold

An outlined ghost button whose label is swept by a skewed gradient fill on hover. Rendered in the Royal Gold palette.

75900Open

Line Sweep Button · Crimson Heat

An outlined ghost button whose label is swept by a skewed gradient fill on hover. Rendered in the Crimson Heat palette.

41900Open

Line Sweep Button · Deep Indigo

An outlined ghost button whose label is swept by a skewed gradient fill on hover. Rendered in the Deep Indigo palette.

34600Open

Line Sweep Button · Aurora Teal

An outlined ghost button whose label is swept by a skewed gradient fill on hover. Rendered in the Aurora Teal palette.

68400Open

Shimmer Button

Button with a diagonal light sweep shimmer across its surface on hover.

000Open

Animations Live preview

Shine Sweep on Cards

Diagonal light sweep that glides across cards on hover.

HTMLCSSSimple

000Open