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 Metin

Duotone Red Blue

Sharp red and blue duotone split horizontally.

Canlı incele Metin

Edwardian Elegant

Edwardian elegant cream on text.

#animation #gradient #shadow

Canlı incele Metin

Embossed Text

Subtly embossed text with a light top edge and dark bottom edge for depth.

#shadow #border

Canlı incele Metin

Enamel Baked

Baked enamel hard glossy finish.

#gradient #filter

Canlı incele Metin

Event Horizon

Dark ring of no return surrounding text.

#animation #gradient #transform

Canlı incele Metin

Fade In Slow

Slow fade in animation.

Canlı incele Metin

Fade Pulse

Text slowly fading in and out like a heartbeat.

Canlı incele Metin

Fill Sweep On Hover

Outlined text that fills with a solid color from bottom to top on hover.

Canlı incele Metin

Futuristic HUD

Sci-fi HUD display text with cyan glow and outline.

Canlı incele Metin

Glissando Slide

Sliding glissando pitch on text.

#animation #gradient #transform

Canlı incele Metin

Glow Pulse Text

Soft pulsing glow ring around text that breathes in and out.

#animation #glow #shadow

Canlı incele Metin

Jade Translucent

Translucent jade green stone.

#gradient #filter

Canlı incele Metin

Leo Lion

Majestic maned Leo lion zodiac sign.

#animation #gradient #shadow

Canlı incele Metin

Lotus Tranquil

Tranquil pink lotus on water text.

#animation #gradient #transform

Canlı incele Metin

Metallic Bronze

Aged bronze with deep brown metallic patina.

Canlı incele Metin

Mist Haze

Soft misty haze over distant text.

#animation #transform #shadow

Canlı incele Metin

Music Note Bounce

Bouncing musical notes over text.

#animation #transform #shadow

Canlı incele Metin

Neon Flicker Text

Layered text shadows imitate a neon sign whose tubes stutter before settling.

#animation #shadow #neon

Canlı incele Metin

Neptune Blue

Deep blue ice giant Neptune.

#animation #gradient #shadow

Canlı incele Metin

Noon Blaze

Blazing midday sun over text.

#animation #shadow #filter

Canlı incele Metin

Outline Draw

A bright outline draws across the text from left to right and resets.

#animation #clip-path

Canlı incele Metin

Paper Torn

Text on torn rough-edge paper with ink bleed.

#shadow #filter

Canlı incele Metin

Paprika Red

Red paprika spice on text.

#animation #gradient #shadow

Canlı incele Metin

Pearl Pink

Pink pearl soft luster.

#gradient #filter

Canlı incele Metin

Pearl Shimmer

Iridescent pearl shimmer with soft pastel shifts.

#animation #gradient

Canlı incele Metin

Peony Lush

Lush full pink peony on text.

#animation #gradient #transform

Canlı incele Metin

Petals Bloom

Flower petals bloom pattern.

Canlı incele Metin

Pine Evergreen

Deep evergreen pine on text.

#animation #gradient #shadow

Canlı incele Metin

Platinum Shine

Bright platinum-shine metallic gradient with cool highlights.

Canlı incele Metin

Postal Stamp

Postal stamp text with perforated edge.

#shadow #filter

Canlı incele Metin

Quasar Beam

Brilliant quasar beam sweeping across bright text.

#animation #gradient #shadow

Canlı incele Metin

Rainbow Wave Bounce

Each letter cycles through rainbow hues while bouncing in a sine wave.

#animation #transform #wave

Canlı incele Metin

Red Giant Star

Swollen red giant star slowly expanding.

#animation #transform #shadow

Canlı incele Metin

Retro 50s Diner

1950s diner chrome and red style.

Canlı incele Metin

Mask Reveal Text

Color slides in from left to reveal the text with a clip-path mask wipe.

#animation #clip-path

Canlı incele Metin

Rhythm Pulse

Steady rhythm pulse on text.

#animation #transform #shadow

Canlı incele Metin

Roman Column

Roman fluted column on text.

#animation #gradient #shadow

Canlı incele Metin

Rotate Spin

Text rotating 360 degrees continuously.

#animation #transform

Canlı incele Metin

Rotate Y Yaw

Y-axis yaw rotation animation.

#animation #transform

Canlı incele Metin

Saturate Pop

Text color pops between muted and fully saturated.

#animation #filter

Canlı incele Metin

Shadow Perspective Floor

Floor perspective reflection shadow.

#transform #shadow

Canlı incele Metin

Violent Shake

Text shakes violently for a brief moment then pauses, on a loop.

#animation #transform #rotate

Canlı incele Metin

Shake Vertical Rattle

Vertical rattle shake motion.

#animation #transform

Canlı incele Metin

Slate Flat

Flat slate matte gray stone.

Canlı incele Metin

Slice Reveal

A colored copy of the text splits into top and bottom halves sliding apart.

#animation #transform #clip-path

Canlı incele Metin

Sphere Shaded

Text filled with a radial highlight gradient giving a spherical metallic look.

#gradient #animation #shadow

Canlı incele Metin

Stained Glass

Stained glass colorful panels.

#gradient #filter

Canlı incele Metin

Stamp Rubber Faded

Faded rubber stamp imprint.

#transform #filter

Canlı incele Metin

Strawberry Red

Sweet red strawberry on text.

#animation #gradient #transform

Canlı incele Metin

Stripes Tiger

Tiger vertical stripe pattern.

Canlı incele Metin

Sustain Ring

Long sustained ringing note on text.

#animation #shadow #filter

Canlı incele Metin

Treble Clef

Curving treble clef over text.

#animation #transform #shadow

Canlı incele Metin

Treble Tinkle

High treble tinkle on text.

#animation #transform #shadow

Canlı incele Metin

Tremor Hard Seismic

Hard seismic tremor motion.

#animation #transform

Canlı incele Metin

Tulip Cup

Cup-shaped tulip gradient on text.

#animation #gradient #transform

Canlı incele Metin

Typewriter Line

Characters appear one step at a time behind a blinking block cursor.

#animation #border #typewriter

Canlı incele Metin

Typewriter Mono Clean

Clean monospace typewriter.

Canlı incele Metin

Vibrate Fast Buzz

Fast buzzing vibration motion.

#animation #transform

Canlı incele Metin

Vibrate Slow Hum

Slow humming vibration motion.

#animation #transform

Canlı incele Metin

Vintage Magazine Glossy

Vintage magazine glossy print.

Canlı incele Metin

Vintage Photo Faded

Faded vintage photograph tint.

Canlı incele Metin

Vintage Poster

Aged vintage poster text with muted sepia tones.

#shadow #filter

Canlı incele Metin

Water Ripple

Text with a watery ripple distortion effect.

#animation #gradient #transform

Canlı incele Metin

Wave Bounce Letters

Letters rise and fall in a smooth traveling wave.

#animation #transform #wave

Canlı incele Metin

Wave Triangle

Triangle wave zigzag pattern.

Canlı incele Metin

White Dwarf

Dense, hot white dwarf with intense glow.

#animation #shadow #filter

Canlı incele Metin

Willow Weep

Weeping willow branches on text.

#animation #transform #shadow

Canlı incele Metin

Y2K Bubble Gloss

Y2K glossy bubble text.

#gradient #shadow #filter

Canlı incele Metin

Y2K Chrome

Y2K millennium chrome text with metallic blue.

Canlı incele Metin

Zenith Peak

Bright peak point directly overhead in text.

#animation #gradient #filter

Canlı incele Metin

Zoom In

Text zooming in from far distance.

#animation #transform

Canlı incele İpuçları

Dashed Arrow Left

Tooltip to the left of the trigger with a dashed connector.

#hover #transform #border

Canlı incele İpuçları

Diamond Arrow Left

Tooltip with a diamond-shaped pointer on the left side.

#hover #transform

Canlı incele İpuçları

Double Arrow Left

Tooltip with stacked double-chevron arrow pointing right.

#hover #transform #border

Canlı incele İpuçları

Double Arrow Right

Tooltip with stacked double-chevron arrow pointing left.

#hover #transform #border

Canlı incele İpuçları

Line Arrow

Tooltip connected by a thin line above the trigger.

#hover #transform

Canlı incele İpuçları

No Arrow

Clean tooltip without any arrow above the trigger.

#hover #transform

Canlı incele İpuçları

Rounded Arrow Bottom

Tooltip with a rounded pill-shaped arrow nub pointing up.

#hover #transform

Canlı incele İpuçları

Triangle Arrow Top

Tooltip with prominent triangle arrow above the trigger.

#hover #transform #border

Canlı incele İpuçları

Aurora Borealis

Northern-lights aurora borealis gradient tooltip.

#hover #gradient #transform

Canlı incele İpuçları

BG Mesh

Tooltip with mesh gradient background above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

BG Radial

Tooltip background radiates from center above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Blinds Open

Tooltip reveals like venetian blinds opening above the trigger.

#hover #transform #border

Canlı incele İpuçları

Book Page

Book page tooltip with double-page book styling.

#hover #transform #shadow

Canlı incele İpuçları

Branch Name

Git branch name tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Burnt Orange Glow

Warm burnt orange tooltip with a soft ambient glow.

#hover #transform #shadow

Canlı incele İpuçları

Carbon Fiber

Carbon fiber weave texture tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Char Flip

Tooltip characters flip in sequence above the trigger.

#hover #transform #border

Canlı incele İpuçları

Circle Mask Right

Tooltip reveals via an expanding circle mask from the right.

#hover #transform #border

Canlı incele İpuçları

Arc Bottom Clip

Tooltip with a curved arc-shaped bottom edge clip-path.

#hover #transform

Canlı incele İpuçları

Arc Right Clip

Tooltip with a curved arc-shaped right edge clip-path.

#hover #transform

Canlı incele İpuçları

Circle Grow

Tooltip reveals through a growing circular clip mask.

#hover #transform

Canlı incele İpuçları

Funnel Clip

Tooltip with a funnel-shaped narrow bottom clip-path.

#hover #transform

Canlı incele İpuçları

Clip Hex Left

Hexagon-shaped tooltip clipped into form on the left.

#hover #transform

Canlı incele İpuçları

Leaf Clip

Leaf-shaped tooltip with a curved organic clip-path.

#hover #transform