İpuçları — 600 Ücretsiz CSS Efekti (Sayfa 7)

Balon ipuçları, açılır bilgi kutuları ve oklar.

Tümü saf CSS — kütüphane, derleme adımı veya JavaScript gerekmez. Kodu kopyalamak ve tarayıcı içi editörde denemek için ücretsiz üyelik yeterli.

Canlı incele Tooltips

Vintage Postage

Vintage postage stamp tooltip with perforated edges.

#hover #transform #shadow

Canlı incele Tooltips

Violet Dream

Soft violet dreamy tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Volcano Erupt

Volcano-erupt tooltip with molten red-orange glow.

#hover #gradient #transform

Canlı incele Tooltips

Watercolor

Watercolor paint tooltip with soft edges above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Wave Pattern Background

Tooltip with a wavy background pattern.

#hover #gradient #transform

Canlı incele Tooltips

Wave Tip

Tooltip that waves into view above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Winter Snowflake

Frosty winter-snowflake tooltip with cool blue tones.

#hover #gradient #transform

Canlı incele Tooltips

Wobble Top

Tooltip wobbles side to side before settling above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Wood Grain

Wood-grain texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Word Stagger

Tooltip words stagger into view above the trigger.

#hover #transform #border

Canlı incele Tooltips

Yellow Sticky

Yellow sticky note tooltip with shadow above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Zig Zag

Tooltip that zigzags into view above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Zigzag Pattern Background

Tooltip with a zigzag background pattern.

#hover #gradient #transform

Canlı incele Tooltips

Zoom Blur Combo

Tooltip that combines zoom-in with a blur-to-focus transition.

#hover #transform #border

Canlı incele Tooltips

Zoom In Bottom

Tooltip zooms in from small to full size below the trigger.

#hover #transform #border

Canlı incele Tooltips

Zoom In Left

Tooltip zooms in from small to full size on the left.

#hover #transform #border

Canlı incele Tooltips

Zoom In Right

Tooltip zooms in from small to full size on the right.

#hover #transform #border

Canlı incele Tooltips

Zoom In Top

Tooltip zooms in from far away above the trigger.

#hover #transform #border

Canlı incele Tooltips

Zoom On Hover

Tooltip that zooms larger on hover above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Zoom Out Bottom

Tooltip zooms out from oversized to normal below the trigger.

#hover #transform #border

Canlı incele Tooltips

Zoom Out Left

Tooltip zooms out from oversized to normal on the left.

#hover #transform #border

Canlı incele Tooltips

Zoom Out Right

Tooltip zooms out from oversized to normal on the right.

#hover #transform #border

Canlı incele Tooltips

Zoom Out Top

Tooltip zooms from tiny to full size above the trigger.

#hover #transform #border