LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

Öne çıkanlar

En popüler CSS efektleri

Kütüphanedeki 10.238 efekt, en çok incelenenden başlayarak sıralandı. Hepsi saf CSS — kopyala, yapıştır, çalışır; kütüphane veya derleme adımı gerekmez.

Canlı incele Formlar

Floating Label Textarea

Textarea with a floating label that animates on focus.

#shadow #border

Canlı incele Formlar

Glow Textarea

Textarea with a soft glow effect on focus.

#shadow #border

Canlı incele Formlar

Minimal Textarea

Clean minimal textarea with thin border.

#shadow #border

Canlı incele Formlar

Resizable Textarea

Textarea with visible resize handle styling.

#gradient #shadow #border

Canlı incele Formlar

Rounded Textarea

Fully rounded textarea with smooth corners.

#shadow #border

Canlı incele Formlar

Underline Textarea

Minimalist textarea with just a bottom underline.

Canlı incele Formlar

3D Pressable Input

3D input that appears to depress when focused.

#gradient #transform #shadow

Canlı incele Formlar

Aurora Background Input

Input with shifting aurora gradient background.

#animation #gradient #border

Canlı incele Formlar

Cyberpunk Neon Input

Cyberpunk styled input with neon pink-cyan glow and corner cuts.

#shadow #border

Canlı incele Formlar

Dark Theme Input

Dark themed input with gradient background and indigo glow on focus.

#gradient #shadow #border

Canlı incele Formlar

Elevated Card Input

Input wrapped in an elevated card that lifts higher on focus.

#transform #shadow #border

Canlı incele Formlar

Dark Glassmorphism Input

Frosted dark glass input with backdrop blur and gradient sheen.

#gradient #shadow #border

Canlı incele Formlar

Animated Gradient Border Input

Input with animated rotating gradient border around it.

#animation #gradient #border

Canlı incele Formlar

Light Theme Input

Clean light theme input with subtle shadow and rounded corners.

#shadow #border

Canlı incele Formlar

Minimal Underline Input

Ultra minimal input with only a bottom underline that grows on focus.

#transform #border

Canlı incele Formlar

Monochrome Theme Input

Pure monochrome grayscale input with subtle elevation.

#shadow #border

Canlı incele Formlar

Neon Glow Input

Input with bright neon cyan glow effect on focus.

#shadow #border

Canlı incele Formlar

Paper Texture Input

Vintage paper styled input with warm tones and serif font.

#gradient #shadow #border

Canlı incele Formlar

Pastel Soft Input

Soft pastel themed input with candy colors and rounded corners.

#shadow #border

Canlı incele Formlar

Retro Terminal Input

Old terminal CRT style with green phosphor text.

#shadow #border

Canlı incele Formlar

Vaporwave Gradient Input

Vaporwave aesthetic with pink-purple gradient and retro grid.

#gradient #shadow #border

Canlı incele Formlar

Underline Focus Field

A minimal field where only the baseline exists, and it fills in from the centre.

#gradient #transform #border

Canlı incele Formlar

Valid Background Input

Background subtly turns green-tinted when valid.

#gradient #shadow #border

Canlı incele Formlar

Valid Border Bottom Input

Underline turns green when content is valid.

Canlı incele Formlar

Valid Bounce Input

Input bounces once when content becomes valid.

#animation #transform #shadow

Canlı incele Formlar

Animated Check Mark Input

Checkmark draws itself in SVG-style when valid.

#animation #transform #shadow

Canlı incele Formlar

Valid Fade In Message

Success message fades in below input when valid.

#shadow #border

Canlı incele Formlar

Valid Green Glow Input

Input emits a soft green glow when content is valid.

#shadow #border

Canlı incele Formlar

Valid Green Border Input

Input that turns entirely green when valid.

#shadow #border

Canlı incele Formlar

Valid Icon Pop Input

Green icon pops in with elastic bounce when valid.

#animation #transform #shadow

Canlı incele Formlar

Valid Message Input

Input that shows a green success message below when valid.

#transform #shadow #border

Canlı incele Formlar

Valid Pulse Input

Input border pulses green when content is valid.

#animation #shadow #border

Canlı incele Hover

3D Page Turn

Page-turn 3D effect on hover.

#hover #transform #3d

Canlı incele Hover

3D Zoom Tilt Pop

3D pop with tilt and zoom on hover.

#hover #transform #3d

Canlı incele Hover

Afterimage Trail

Multiple ghost copies trail behind the label as it slides on hover.

#hover #transform #filter

Canlı incele Hover

Ambient Glow Fill

Ambient glow fills the surface on hover.

#hover #gradient

Canlı incele Hover

Aperture Iris Open

Camera aperture opens to reveal on hover.

#hover #gradient

Canlı incele Hover

Arrow Nudge

Link text with an arrow icon that nudges to the right on hover.

#hover #transform

Canlı incele Hover

Aura Radiate

Soft aura radiates outward on hover.

Canlı incele Hover

Backlit Silhouette

Strong backlight silhouettes the element on hover.

#hover #gradient #filter

Canlı incele Hover

Backspin

Element backspins on hover.

#hover #transform #3d

Canlı incele Hover

Barn Door Close

Two-panel barn door closes on hover.

#hover #transform

Canlı incele Hover

Barn Door Horizontal

Horizontal barn doors open on hover.

#hover #transform

Canlı incele Hover

Barn Door Open

Two panels split apart like barn doors on hover.

#hover #transform

Canlı incele Hover

Barn Door Vertical

Vertical barn doors open on hover.

#hover #transform

Canlı incele Hover

Beam Sweep

Vertical light beam sweeps across on hover.

#hover #gradient #transform

Canlı incele Hover

Beat Heart

Heartbeat double-thump on hover.

#hover #animation #transform

Canlı incele Hover

BG Aurora Drift

Aurora-like waves drift on hover.

#hover #animation #gradient

Canlı incele Hover

BG Blur Overlay

Blurred overlay covers background on hover.

#hover #gradient #filter

Canlı incele Hover

BG Circuit Trace

Circuit lines trace on background on hover.

#hover #animation #gradient

Canlı incele Hover

BG Color Cycle

Background cycles through colors on hover.

#hover #animation

Canlı incele Hover

BG Confetti Fall

Confetti pattern falls on background on hover.

#hover #animation #gradient

Canlı incele Hover

BG Gradient Rotate

Background gradient rotates on hover.

#hover #animation #gradient

Canlı incele Hover

BG Grid Scroll

Grid pattern scrolls on hover.

#hover #animation #gradient

Canlı incele Hover

BG Mesh Shift

Mesh gradient layers shift on hover.

#hover #gradient

Canlı incele Hover

BG Noise Shimmer

Noise texture shimmers on hover.

#hover #animation #gradient

Canlı incele Hover

BG Parallax Shift

Background layers shift on hover.

#hover #gradient

Canlı incele Hover

BG Pattern Move

Background pattern shifts on hover.

#hover #animation #gradient

Canlı incele Hover

BG Radial Pulse

Radial gradient pulses on hover.

#hover #animation #gradient

Canlı incele Hover

BG Scan Line

Scan line passes over background on hover.

#hover #animation #gradient

Canlı incele Hover

BG Shimmer

Shimmer sweeps across background on hover.

#hover #gradient #transform

Canlı incele Hover

BG Spotlight Reveal

Spotlight reveals hidden bg on hover.

#hover #gradient

Canlı incele Hover

BG Stripe Roll

Diagonal stripes roll on hover.

#hover #animation #gradient

Canlı incele Hover

BG Vignette Pulse

Vignette pulses around edges on hover.

#hover #animation #gradient

Canlı incele Hover

BG Water Ripple

Water-like ripple on hover.

#hover #animation #gradient

Canlı incele Hover

BG Zoom Pan

Background zooms and pans on hover.

#hover #gradient

Canlı incele Hover

Blacklight Glow

UV blacklight glow on hover.

Canlı incele Hover

Blinds Open

Vertical blinds open on hover.

#hover #transform

Canlı incele Hover

Blinds Roll Up

Horizontal venetian blind slats roll up one-by-one to reveal content on hover.

#gradient #hover #shadow

Canlı incele Hover

Bloom Glow

Soft bloom-like glow softens on hover.

#hover #shadow #filter

Canlı incele Hover

Blue Shift

Hue rotates to blue on hover.

#hover #transform #filter

Canlı incele Hover

Blur In Clear

Element starts blurred, sharpens on hover.

Canlı incele Hover

Bob Float

Element bobs up and down on hover.

#hover #animation #transform

Canlı incele Hover

Boing Up

Boing-like spring upward on hover.

#hover #animation #transform

Canlı incele Hover

Border Beam Trace

Light beam traces around border on hover.

#hover #animation #gradient

Canlı incele Hover

Border Conic Spin

Conic gradient border spins on hover.

#hover #animation #gradient

Canlı incele Hover

Border Corner Accent

Corner accent brackets grow on hover.

Canlı incele Hover

Corner Bracket Frame

Four corner brackets slide inward and lock around the content when hovered.

#hover #transform #border

Canlı incele Hover

Border Dotted March

Dotted border marches around on hover.

#hover #animation #border

Canlı incele Hover

Border Double Line

Double-line border draws on hover.

#hover #shadow #border

Canlı incele Hover

Border Neon Edge

Neon glow edge border on hover.

#hover #shadow #border

Canlı incele Hover

Border Pulse Glow

Border pulses with glow on hover.

#hover #animation #shadow

Canlı incele Hover

Border Unwrap

Border unwraps from one side on hover.

Canlı incele Hover

Bounce Diagonal

Bounces diagonally on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Down

Element bounces downward on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Jelly

Wobbly jelly bounce on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Left

Element bounces to the left on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Random

Erratic random bounces on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Right

Element bounces to the right on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Rubber

Rubbery stretch bounce on hover.

#hover #transform

Canlı incele Hover

Bounce Spring

Spring-loaded bounce on hover.

#hover #animation #transform

Canlı incele Hover

Bounce Up

Element bounces upward in a spring motion on hover.

#hover #animation #transform

Canlı incele Hover

Bow Down

Element bows down on hover.

#hover #transform

Canlı incele Hover

Deep Breathe

Deep breathing scale on hover.

#hover #animation #transform

Canlı incele Hover

Breathe Scale

Element breathes in and out on hover.

#hover #animation #transform

Canlı incele Hover

Soft Breathe

Soft breathing animation on hover.

#hover #animation #transform