LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#transform CSS efektleri

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

Canlı incele Navigation

Text Stroke Draw Navbar

Active link text has its stroke drawn animatedly via dash-offset.

#hover #transform

Canlı incele Navigation

Uppercase Grow Navbar

Hovered link transforms to uppercase with smooth spacing growth.

#hover #transform #shadow

Canlı incele Navigation

Ticket Stub Perforate Nav

Nav styled as ticket stubs with perforated edges between items.

#hover #transform #shadow

Canlı incele Navigation

Ticket Stub Tear Nav

Active ticket stub torn along its perforation edge on hover.

#hover #transform #shadow

Canlı incele Navigation

3D Tilt Hover Navbar

Each link tilts in 3D space responding to hover with depth perspective.

#hover #gradient #transform

Canlı incele Navigation

Chevron Collapsible Treeview

Tree menu where chevrons rotate as the group expands on hover.

#hover #transform

Canlı incele Navigation

Connector Line Treeview

Tree menu with L-shaped connector lines linking parents to children.

#hover #transform #border

Canlı incele Navigation

Nested Indent Treeview

Tree menu with indent guides showing hierarchy levels.

#hover #transform

Canlı incele Navigation

Vibrant Pop Navbar

Vibrant colorful navbar with bold contrast.

#hover #transform #shadow

Canlı incele Navigation

Vertical Tab Left Arrow Pointer

Vertical tabs with a left-pointing arrow on the active item.

#hover #transform #border

Canlı incele Navigation

Vertical Tab Right Arrow Pointer

Vertical tabs with a right-pointing arrow on the active item.

#hover #transform #border

Canlı incele Navigation

Vertical Tab Bounce Hover

Vertical tabs that bounce elastically when hovered.

#hover #transform

Canlı incele Navigation

Vertical Tab Circle Bg Active

Vertical tabs with a circular active background indicator.

#hover #transform #shadow

Canlı incele Navigation

Vertical Tab Dot Indicator

Vertical tabs with a glowing dot indicator on the active item.

#hover #transform #shadow

Canlı incele Navigation

Vertical Tab Fill Bg

Vertical tabs with a sliding colored fill background on hover.

#hover #gradient #transform

Canlı incele Navigation

Vertical Tab Flip Card

Vertical tabs that flip in 3D when active, revealing content.

#hover #transform #shadow

Canlı incele Navigation

Vertical Tab Icon Leading

Vertical tabs with leading icons that scale on active.

#hover #transform

Canlı incele Navigation

Vertical Tab Icon Trailing

Vertical tabs with trailing right-side icons that pop on active.

#hover #transform

Canlı incele Navigation

Vertical Tab Neon Active Line

Vertical tabs with a pulsing neon active line indicator.

#hover #animation #transform

Canlı incele Navigation

Vertical Tab Pill Morph

Vertical tabs where the active pill morphs smoothly between items.

#hover #gradient #transform

Canlı incele Navigation

Vertical Tab Rotate Icon

Vertical tabs with an icon that rotates when active.

#hover #transform

Canlı incele Navigation

Vertical Tab Slide Content

Vertical tabs that slide horizontally revealing content offset.

#hover #transform #shadow

Canlı incele Navigation

Vertical Tab Square Sharp

Sharp square vertical tabs with brutalist styling.

#hover #transform #border

Canlı incele Navigation

Vertical Tab Step Marker

Vertical tabs with numbered step markers like a wizard.

#hover #transform #shadow

Canlı incele Navigation

Vertical Tab Underline Slide

Vertical tab nav where the active underline slides between items.

#hover #transform #shadow

Canlı incele Navigation

Circle Mask Wipe Nav

Active indicator revealed by a circle that expands outward from the link.

#hover #gradient #transform

Canlı incele Navigation

Diagonal Wipe Reveal Nav

Diagonal wipe transitions across the nav when hovering different items.

#hover #gradient #transform

Canlı incele Navigation

Wipe Left Reveal Nav

Active tab revealed by a leftward wipe that sweeps across the nav.

#hover #gradient #transform

Canlı incele Navigation

Wipe Right Reveal Nav

Active tab revealed by a rightward wipe sweeping across the nav bar.

#hover #gradient #transform

Canlı incele Navigation

Wobble Jiggle Navbar

Links wobble-jiggle on hover using a keyframe animation.

#hover #animation #transform

Canlı incele Text

Anchor Heavy

Heavy nautical anchor on text.

#animation #transform #shadow

Canlı incele Text

Andromeda Galaxy

Spiraling blue Andromeda galaxy in text.

#animation #gradient #transform

Canlı incele Text

Archery Arrow

Arrow flying through air on text.

#animation #transform #shadow

Canlı incele Text

Aries Ram

Bold ram-headed Aries zodiac sign.

#animation #transform #shadow

Canlı incele Text

Arpeggio Rise

Rising arpeggiated chord notes on text.

#animation #transform #shadow

Canlı incele Text

Asteroid Belt

Orbiting specks circling around text.

#animation #transform #shadow

Canlı incele Text

Aurora Australis

Southern lights rippling in cool tones.

#animation #gradient #transform

Canlı incele Text

Automobile Horn

Car horn honking on text.

#animation #transform #shadow

Canlı incele Text

Balloon Rise

Floating balloon rising on text.

#animation #transform #shadow

Canlı incele Text

Bamboo Tall

Tall bamboo stalk on text.

#animation #gradient #transform

Canlı incele Text

Barometer Fall

Falling barometric pressure on text.

#animation #transform #shadow

Canlı incele Text

Bass Clef Roll

Rolling bass clef low-end on text.

#animation #transform #shadow

Canlı incele Text

Bass Throb

Deep bass throb pulsing on text.

#animation #transform #shadow

Canlı incele Text

Bauhaus Block

Bauhaus primary color blocks on text.

#animation #gradient #transform

Canlı incele Text

Beat Thump

Heavy beat thump on text.

#animation #transform #shadow

Canlı incele Text

Bicycle Pedal

Bicycle pedaling motion on text.

#animation #transform #shadow

Canlı incele Text

Blizzard Snow

Heavy blizzard snow blowing across text.

#animation #transform #shadow

Canlı incele Text

Bob Buoyant

Buoyant bobbing on water motion.

#animation #transform

Canlı incele Text

Bonsai Mini

Miniature bonsai on text.

#animation #transform #shadow

Canlı incele Text

3D Bounce

Text bouncing with a 3D perspective tilt.

#animation #transform

Canlı incele Text

Bounce Horizontal Slide

Bouncing horizontal slide motion.

#animation #transform

Canlı incele Text

Bounce Random Chaos

Random chaotic bounce motion.

#animation #transform

Canlı incele Text

Bounce Rhythm

Text bouncing up and down in a steady rhythm.

#animation #transform

Canlı incele Text

Bounce Vertical Hop

Bouncing vertical hop motion.

#animation #transform

Canlı incele Text

Boxing Glove

Boxing glove punching on text.

#animation #transform #shadow

Canlı incele Text

Breathe Fast Rapid

Rapid fast breathing animation.

#animation #transform

Canlı incele Text

Slow Breathe

Text breathing slowly in and out.

#animation #transform

Canlı incele Text

Breathing Text

Text slowly scales and glows in a calm breathing rhythm.

#animation #shadow #transform

Canlı incele Text

Gentle Breeze

Soft gentle breeze rippling text.

#animation #transform #shadow

Canlı incele Text

Brutalist Cement

Raw brutalist cement on text.

#animation #transform #shadow

Canlı incele Text

Cactus Spiky

Spiky desert cactus on text.

#animation #transform #shadow

Canlı incele Text

Cadenza Solo

Virtuosic solo cadenza on text.

#animation #gradient #transform

Canlı incele Text

Camp Tent

Camping tent in the wild on text.

#animation #transform #shadow

Canlı incele Text

Cancer Crab

Sideways scuttling crab Cancer sign.

#animation #transform #shadow

Canlı incele Text

Candle Flicker

Warm candle flame flickering glow.

#animation #transform #shadow

Canlı incele Text

Cardamom Pod

Green cardamom pod on text.

#animation #gradient #transform

Canlı incele Text

Cards Shuffle

Shuffling playing cards on text.

#animation #transform #shadow

Canlı incele Text

Carnation Ruffle

Ruffled carnation petals on text.

#animation #transform #shadow

Canlı incele Text

CD Shimmer

Iridescent CD surface shimmer on text.

#animation #gradient #transform

Canlı incele Text

Chess Bishop

Chess bishop on diagonal on text.

#animation #transform #shadow

Canlı incele Text

Chess Knight

Chess knight piece on text.

#animation #transform #shadow

Canlı incele Text

Chess Rook

Chess rook castle on text.

#animation #transform #shadow

Canlı incele Text

Chord Stack

Stacked chord notes on text.

#animation #transform #shadow

Canlı incele Text

Chrysanthemum Burst

Bursting chrysanthemum petals on text.

#animation #gradient #transform

Canlı incele Text

Circus Tent

Circus striped tent on text.

#animation #gradient #transform

Canlı incele Text

Cirrus Wisp

Wispy high cirrus clouds in text.

#animation #transform #shadow

Canlı incele Text

Clamp Duotone

Two-hue clamped duotone effect.

#transform #shadow #filter

Canlı incele Text

Climb Mountain

Mountain climber ascending on text.

#animation #gradient #transform

Canlı incele Text

Cloud Puff Drift

Puffy clouds drifting slowly across text.

#animation #transform #shadow

Canlı incele Text

Clove Spicy

Spicy clove brown on text.

#animation #transform #shadow

Canlı incele Text

Collage Cutout

Magazine cutout collage ransom-style text.

#transform #border

Canlı incele Text

Color Clamp Cool

Cool hue clamped color treatment.

#transform #shadow #filter

Canlı incele Text

Color Clamp Mono

Monochrome hue clamped treatment.

#transform #filter

Canlı incele Text

Color Clamp Warm

Warm hue clamped color treatment.

#transform #filter

Canlı incele Text

Color Pulse Cycle

Pulsing color cycle with hue shift.

#animation #transform #filter

Canlı incele Text

Color Shift Cycle

Animated color hue shift cycle.

#animation #transform #filter

Canlı incele Text

Color Wheel Spin

Color wheel spinning hue rotation.

#animation #transform #filter

Canlı incele Text

Comic Book Bubble

Comic book bold bubble text.

#transform #shadow

Canlı incele Text

Compass Needle

Compass needle pointing direction on text.

#animation #transform #shadow

Canlı incele Text

Compressor Pump

Compressor pumping volume on text.

#animation #transform #shadow

Canlı incele Text

Constructivism Bold Red

Constructivist bold red propaganda.

Canlı incele Text

Constructivism Red

Russian constructivism red text with bold slant.

#transform #shadow

Canlı incele Text

Count Up Roller

A single digit cycling 0 through 9 on a stepped roller, like an odometer.

#animation #shadow #transform

Canlı incele Text

Cranberry Tart

Tart red cranberry on text.

#animation #transform #shadow

Canlı incele Text

Crescendo Grow

Growing crescendo volume on text.

#animation #transform #shadow

Canlı incele Text

Cumulonimbus Tower

Towering cumulonimbus storm cloud text.

#animation #gradient #transform

Popüler etiketler

#shadow5548 #gradient4959 #border3831 #animation3495 #hover2879 #filter2139 #3d188 #rotate35 #glow21 #switch19 #clip-path9 #glass7 #wave7 #css6 #dots5 #pulse3