LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

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

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

New Badge

NEW badge tooltip with sparkle above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

New Year Firework

Firework burst tooltip celebrating the New Year.

#hover #gradient #transform

Canlı incele Tooltips

Notification Dot

Tooltip with pulsing notification dot above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Obsidian Black

Obsidian black glassy tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Ocean Tide

Ocean-tide tooltip with layered blue wave gradients.

#hover #gradient #transform

Canlı incele Tooltips

Ocean Wave

Ocean blue gradient tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Oil Paint

Oil paint textured tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Old Letter

Aged parchment letter tooltip with cream paper texture.

#hover #gradient #transform

Canlı incele Tooltips

Olive Military

Olive-drab military-styled tooltip with stencil feel.

#hover #transform #border

Canlı incele Tooltips

Onboarding

Onboarding tooltip with welcome message above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Opal Glow

Opal-like glowing tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Orange Pop

Vibrant orange tooltip with bounce pop above the trigger.

#hover #transform #border

Canlı incele Tooltips

Orbit Circles

Tooltip with orbiting circles decoration above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Orbit Tip

Tooltip with orbiting dot above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Origami Tip

Origami-folded tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Oscillate Swing

Tooltip that swings like a pendulum on hover.

#hover #animation #transform

Canlı incele Tooltips

Outline Trace

Tooltip with outline that traces around above the trigger.

#hover #transform #border

Canlı incele Tooltips

Outset Border Bottom

Tooltip with an outset 3D border below the trigger.

#hover #transform #border

Canlı incele Tooltips

Overline Draw

Tooltip with animated overline drawing above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Paper Fold

Tooltip that unfolds like paper above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Paper Recycled

Recycled paper texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Particle Burst

Tooltip that bursts in with radiating particle dots.

#hover #transform #shadow

Canlı incele Tooltips

Particle Float

Tooltip with floating particle dots scattered across its background.

#hover #gradient #transform

Canlı incele Tooltips

Particle Trail

Tooltip with a trailing line of particle dots leading to the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Pastel Soft

Soft pastel tooltip with gentle colors above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Pearl Shimmer

Pearlescent shimmering tooltip above the trigger.

#hover #animation #gradient

Canlı incele Tooltips

Pearl White

Pearl white shimmering tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Pen Draw

Tooltip that appears to be drawn by pen above the trigger.

#hover #transform #border

Canlı incele Tooltips

Pencil Sketch

Pencil sketch style tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Perspective 3D

Tooltip swings in with 3D perspective above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Perspective Bottom

Tooltip tilts in with 3D perspective from below the trigger.

#hover #transform #border

Canlı incele Tooltips

Perspective Left

Tooltip tilts in with 3D perspective from the left.

#hover #transform #border

Canlı incele Tooltips

Perspective Right

Tooltip tilts in with 3D perspective from the right.

#hover #transform #border

Canlı incele Tooltips

Pill Bottom

Rounded pill-shaped tooltip below the trigger.

#hover #transform #border

Canlı incele Tooltips

Pill Top

Rounded pill-shaped tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Pine Forest

Deep pine-green tooltip evoking a quiet forest atmosphere.

#hover #transform #border

Canlı incele Tooltips

Pink Bubble

Pink bubble tooltip with rounded corners above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Planet Ring

Saturn-like planet tooltip with an elliptical ring around it.

#hover #gradient #transform

Canlı incele Tooltips

Plum Royal

Royal plum tooltip with a deep wine-tinged palette.

#hover #transform #shadow

Canlı incele Tooltips

Post-it Note

Tooltip styled like a yellow Post-it note above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Powder Sky

Soft powder-blue tooltip reminiscent of a clear sky.

#hover #transform #shadow

Canlı incele Tooltips

PowerShell

PowerShell blue background tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

PR Status

Pull request status tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Price Tag

Price tag shaped tooltip above the trigger.

#hover #transform #border

Canlı incele Tooltips

Prismatic

Prismatic light-split tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Product Card

Product preview card tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Progress Bar

Tooltip with animated progress bar above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Progress Circular

Tooltip with circular progress indicator above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Progress Ring

Circular progress ring tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Pulse Attention

Tooltip that pulses to draw attention above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Pulse Loading

Pulsing loading tooltip above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Pulse Top

Tooltip pulses continuously while visible above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Purple Magic

Mystical purple tooltip with glow above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Spring Rain

Spring rain tooltip with soft blue-green color palette.

#hover #gradient #transform

Canlı incele Tooltips

Rainbow Arc

Bright rainbow arc gradient tooltip.

#hover #gradient #transform

Canlı incele Tooltips

Rainbow Shift

Rainbow gradient tooltip that shifts colors above the trigger.

#hover #animation #gradient

Canlı incele Tooltips

Rating Stars

Rating stars tooltip showing score above the trigger.

#hover #transform #border

Canlı incele Tooltips

Red Glow

Crimson tooltip with red glow effect above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Retro 80s

Retro 80s neon sunset tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Reveal Mask Top

Tooltip reveals from a clip mask above the trigger.

#hover #transform #border

Canlı incele Tooltips

Review Snippet

Customer review snippet tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Ribbon Award

Award ribbon tooltip with notched ribbon shape.

#hover #gradient #transform

Canlı incele Tooltips

Rich Avatar

Tooltip with user avatar above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Rich Content

Tooltip with rich multi-line content above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Rich Image

Tooltip with image preview above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Rich Link

Tooltip with clickable link styling above the trigger.

#hover #transform #border

Canlı incele Tooltips

Ridge Border Bottom

Tooltip with a 3D ridged border below the trigger.

#hover #transform #border

Canlı incele Tooltips

Ripple Tip

Tooltip with ripple effect above the trigger.

#hover #transform #border

Canlı incele Tooltips

River Flow

River-flow tooltip with shimmering teal wave pattern.

#hover #gradient #transform

Canlı incele Tooltips

Robot Circuit

Robot circuit tooltip with PCB-style green-and-cyan grid.

#hover #gradient #transform

Canlı incele Tooltips

Rocket Exhaust

Rocket exhaust tooltip with flame gradient bottom edge.

#hover #gradient #transform

Canlı incele Tooltips

Rose Error

Rose red error tooltip above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Rotate In Bottom

Tooltip rotates into place below the trigger.

#hover #transform #border

Canlı incele Tooltips

Rotate Right

Tooltip rotates in from the right with a spin animation.

#hover #transform #border

Canlı incele Tooltips

Rotate In Top

Tooltip rotates into place above the trigger.

#hover #transform #border

Canlı incele Tooltips

Royal Purple Deep

Deep royal purple tooltip with a luminous inner glow.

#hover #transform #shadow

Canlı incele Tooltips

Rubber Band

Tooltip that stretches like a rubber band on hover.

#hover #transform #border

Canlı incele Tooltips

Ruby Red

Ruby red gem tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Rust Iron

Industrial rust-iron tooltip with a weathered metal texture.

#hover #gradient #transform

Canlı incele Tooltips

Sage Leaf Soft

Soft sage green tooltip with a calming natural feel.

#hover #transform #shadow

Canlı incele Tooltips

Sale Flash

Sale flash tooltip with bold banner above the trigger.

#hover #animation #gradient

Canlı incele Tooltips

Sapphire Blue

Sapphire blue gem tooltip above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Scale In Bottom

Tooltip scales up from zero below the trigger.

#hover #transform #border

Canlı incele Tooltips

Scale In Left

Tooltip scales in from the left of the trigger.

#hover #transform #border

Canlı incele Tooltips

Scale In Right

Tooltip scales in from the right of the trigger.

#hover #transform #border

Canlı incele Tooltips

Scale In Top

Tooltip scales up from zero above the trigger.

#hover #transform #border

Canlı incele Tooltips

Scroll Parchment

Parchment scroll tooltip with rolled paper ends.

#hover #gradient #transform

Canlı incele Tooltips

Wax Seal

Tooltip styled like a wax seal stamp above the trigger.

#hover #gradient #transform

Canlı incele Tooltips

Shadow Deep

Deep shadow tooltip with layered dark drop above the trigger.

#hover #transform #shadow

Canlı incele Tooltips

Shake Error

Error tooltip shakes briefly when shown above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Shimmer Loading

Shimmer loading placeholder tooltip above the trigger.

#hover #animation #gradient

Canlı incele Tooltips

Shimmer Shine

Tooltip with shimmering shine sweep above the trigger.

#hover #animation #gradient

Canlı incele Tooltips

Shimmer Wave

Tooltip with a shimmering wave gradient sweeping across.

#hover #animation #gradient

Canlı incele Tooltips

Shine Sweep Diagonal

Tooltip with a diagonal shine sweep overlay on hover.

#hover #gradient #transform

Canlı incele Tooltips

Shine Sweep Horizontal

Tooltip with a horizontal shine sweep overlay on hover.

#hover #gradient #transform

Canlı incele Tooltips

Shutter Diagonal

Tooltip reveals through a diagonal shutter wipe.

#hover #transform #border