Tooltips — 600 CSS effects

Contextual hints, popovers, callouts, and directional arrows.

Pure CSS with no dependencies or build step. Open any effect for a live preview, source code, and browser editing.

Page 2 of 7

Burnt Orange Glow

Cardboard Rough

Cave Stalactite

Certificate Seal

Checker Pattern Background

Circle Mask Bottom

Circle Mask Left

Circle Mask Right

Arc Bottom Clip

Arrow Shape Clip

Banner Flag Clip

Bridge Top Clip

Bridge Bottom Clip

Cloud Puff Clip

Curve Left Clip

Curve Right Clip

Diamond Grow Clip

Heart Shape Clip

Clip Hex Bottom

Notch Corner BL Clip

Notch Corner BR Clip

Notch Corner TL Clip

Notch Corner TR Clip

Clip Path Bottom

Pixel Block Clip

Scallop Edge Clip

Spiral Shell Clip

Star Burst Clip

Triangle Clip Bottom

Triangle Clip Left

Triangle Clip Right

Triangle Clip Top

Wedge Bottom Clip

Wedge Left Clip

Wedge Right Clip

Zigzag Edge Clip

Code Line Numbers

Concrete Texture

Coral Sunset Pink

Corner Bracket Bottom-Left

Corner Bracket Bottom-Right

Corner Bracket Top-Left

Corner Bracket Top-Right