LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#border CSS efektleri

"border" etiketiyle eşleşen 3.995 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.

Canlı incele İpuçları

Magnetic Pull Strong

Tooltip with strong magnetic pull easing overshoot.

#hover #transform #border

Canlı incele İpuçları

Magnetic Repel

Tooltip that overshoots past the target as if magnetically repelled.

#hover #transform #border

Canlı incele İpuçları

Marble Vein

Marble with veining tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Marker Board

Whiteboard marker tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Marker Highlight

Tooltip with highlight marker feel above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Material Top

Material design tooltip with elevation above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Meadow Flower

Meadow flower tooltip with soft pastel color palette.

#hover #gradient #transform

Canlı incele İpuçları

Metal Brushed

Brushed metal texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Meteor Shower

Meteor shower tooltip with diagonal streak pattern.

#hover #gradient #transform

Canlı incele İpuçları

Meter Gauge

Meter gauge tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Midnight Blue

Deep midnight blue tooltip with starlight above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Midnight Plum

Dark midnight-plum tooltip with subtle violet highlights.

#hover #gradient #transform

Canlı incele İpuçları

Mint Fresh

Fresh mint tooltip with cool gradient above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Mono Light

Monospace light tooltip with clean terminal feel above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Moon Crater

Moon surface tooltip with cratered texture decoration.

#hover #gradient #transform

Canlı incele İpuçları

Moonlight Night

Silvery moonlit night tooltip with subtle indigo glow.

#hover #gradient #transform

Canlı incele İpuçları

Mountain Peak

Mountain-peak tooltip with cool gray-blue stone tones.

#hover #gradient #transform

Canlı incele İpuçları

Multi Line

Tooltip with multiple lines of text above the trigger.

#hover #transform #border

Canlı incele İpuçları

Neon Double Glow

Neon tooltip with double-layered glow shadow above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Neon Flicker Anim

Neon tooltip with flickering animation on hover.

#hover #animation #transform

Canlı incele İpuçları

Neon Sign Buzz

Neon sign tooltip with a subtle electric buzz glow.

#hover #transform #shadow

Canlı incele İpuçları

Neon Top

Glowing neon tooltip with vibrant shadow above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

New Badge

NEW badge tooltip with sparkle above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Notification Dot

Tooltip with pulsing notification dot above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Ocean Tide

Ocean-tide tooltip with layered blue wave gradients.

#hover #gradient #transform

Canlı incele İpuçları

Oil Paint

Oil paint textured tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Old Letter

Aged parchment letter tooltip with cream paper texture.

#hover #gradient #transform

Canlı incele İpuçları

Onboarding

Onboarding tooltip with welcome message above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Opal Glow

Opal-like glowing tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Orange Pop

Vibrant orange tooltip with bounce pop above the trigger.

#hover #transform #border

Canlı incele İpuçları

Orbit Tip

Tooltip with orbiting dot above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Origami Tip

Origami-folded tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Oscillate Swing

Tooltip that swings like a pendulum on hover.

#hover #animation #transform

Canlı incele İpuçları

Outline Trace

Tooltip with outline that traces around above the trigger.

#hover #transform #border

Canlı incele İpuçları

Outset Border Bottom

Tooltip with an outset 3D border below the trigger.

#hover #transform #border

Canlı incele İpuçları

Paper Fold

Tooltip that unfolds like paper above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Paper Recycled

Recycled paper texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Particle Burst

Tooltip that bursts in with radiating particle dots.

#hover #transform #shadow

Canlı incele İpuçları

Particle Float

Tooltip with floating particle dots scattered across its background.

#hover #gradient #transform

Canlı incele İpuçları

Pearl Shimmer

Pearlescent shimmering tooltip above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Pen Draw

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

#hover #transform #border

Canlı incele İpuçları

Perspective 3D

Tooltip swings in with 3D perspective above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Perspective Bottom

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

#hover #transform #border

Canlı incele İpuçları

Perspective Left

Tooltip tilts in with 3D perspective from the left.

#hover #transform #border

Canlı incele İpuçları

Perspective Right

Tooltip tilts in with 3D perspective from the right.

#hover #transform #border

Canlı incele İpuçları

Pill Bottom

Rounded pill-shaped tooltip below the trigger.

#hover #transform #border

Canlı incele İpuçları

Pill Top

Rounded pill-shaped tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Pine Forest

Deep pine-green tooltip evoking a quiet forest atmosphere.

#hover #transform #border

Canlı incele İpuçları

Planet Ring

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

#hover #gradient #transform

Canlı incele İpuçları

Plum Royal

Royal plum tooltip with a deep wine-tinged palette.

#hover #transform #shadow

Canlı incele İpuçları

PR Status

Pull request status tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Price Tag

Price tag shaped tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Prismatic

Prismatic light-split tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Product Card

Product preview card tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Pulse Loading

Pulsing loading tooltip above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Pulse Top

Tooltip pulses continuously while visible above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Purple Magic

Mystical purple tooltip with glow above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Spring Rain

Spring rain tooltip with soft blue-green color palette.

#hover #gradient #transform

Canlı incele İpuçları

Rainbow Arc

Bright rainbow arc gradient tooltip.

#hover #gradient #transform

Canlı incele İpuçları

Rainbow Shift

Rainbow gradient tooltip that shifts colors above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Rating Stars

Rating stars tooltip showing score above the trigger.

#hover #transform #border

Canlı incele İpuçları

Red Glow

Crimson tooltip with red glow effect above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Reveal Mask Top

Tooltip reveals from a clip mask above the trigger.

#hover #transform #border

Canlı incele İpuçları

Review Snippet

Customer review snippet tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Rich Card Tooltip

A wider tooltip carrying a title, body copy and a keyboard shortcut row.

#hover #transform #shadow

Canlı incele İpuçları

Rich Image

Tooltip with image preview above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Rich Link

Tooltip with clickable link styling above the trigger.

#hover #transform #border

Canlı incele İpuçları

Ripple Tip

Tooltip with ripple effect above the trigger.

#hover #transform #border

Canlı incele İpuçları

River Flow

River-flow tooltip with shimmering teal wave pattern.

#hover #gradient #transform

Canlı incele İpuçları

Rose Error

Rose red error tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Rotate In Bottom

Tooltip rotates into place below the trigger.

#hover #transform #border

Canlı incele İpuçları

Rotate Right

Tooltip rotates in from the right with a spin animation.

#hover #transform #border

Canlı incele İpuçları

Royal Purple Deep

Deep royal purple tooltip with a luminous inner glow.

#hover #transform #shadow

Canlı incele İpuçları

Rubber Band

Tooltip that stretches like a rubber band on hover.

#hover #transform #border

Canlı incele İpuçları

Ruby Red

Ruby red gem tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Rust Iron

Industrial rust-iron tooltip with a weathered metal texture.

#hover #gradient #transform

Canlı incele İpuçları

Sage Leaf Soft

Soft sage green tooltip with a calming natural feel.

#hover #transform #shadow

Canlı incele İpuçları

Sale Flash

Sale flash tooltip with bold banner above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Sapphire Blue

Sapphire blue gem tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Scale In Bottom

Tooltip scales up from zero below the trigger.

#hover #transform #border

Canlı incele İpuçları

Scale In Right

Tooltip scales in from the right of the trigger.

#hover #transform #border

Canlı incele İpuçları

Scale In Top

Tooltip scales up from zero above the trigger.

#hover #transform #border

Canlı incele İpuçları

Scroll Parchment

Parchment scroll tooltip with rolled paper ends.

#hover #gradient #transform

Canlı incele İpuçları

Shadow Deep

Deep shadow tooltip with layered dark drop above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Shake Error

Error tooltip shakes briefly when shown above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Shimmer Shine

Tooltip with shimmering shine sweep above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Shine Sweep Diagonal

Tooltip with a diagonal shine sweep overlay on hover.

#hover #gradient #transform

Canlı incele İpuçları

Shine Sweep Horizontal

Tooltip with a horizontal shine sweep overlay on hover.

#hover #gradient #transform

Canlı incele İpuçları

Shutter Open

Tooltip reveals like a camera shutter above the trigger.

#hover #transform #border

Canlı incele İpuçları

Skeleton Tip

Skeleton loading placeholder tooltip above the trigger.

#hover #animation #gradient

Canlı incele İpuçları

Skew Bounce Top

Tooltip skews and bounces in from above the trigger.

#hover #transform #border

Canlı incele İpuçları

Skew Left

Tooltip skews open from the left side of the trigger.

#hover #transform #border

Canlı incele İpuçları

Skew Right

Tooltip skews open from the right side of the trigger.

#hover #transform #border

Canlı incele İpuçları

Slate Stone

Cool slate-gray tooltip with a stone-like matte finish.

#hover #transform #border

Canlı incele İpuçları

Slide Down Bottom

Tooltip slides down from the trigger on hover.

#hover #transform #border

Canlı incele İpuçları

Slide Diagonal Top-Left

Tooltip slides in from the top-left corner of the trigger.

#hover #transform #border