LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#transform CSS efektleri

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

Canlı incele İlerleme

Coral Comet Progress

The fill ends in a pulsing comet head that keeps glowing at the leading edge of the track.

#animation #transform #shadow

Canlı incele Kaydırıcılar

Chassis Steering Feel

A CSS steering wheel turns as the pointer arrives while the rail sets lock-to-lock travel.

#slider #steering #hover

Canlı incele Kaydırıcılar

Copper Diamond Slider

A tilted copper lozenge glides on a thin wire and opens up when hovered.

#slider #diamond #transform

Canlı incele Sekmeler

Aurora Bottom Dock Tabs

A mobile bottom navigation dock where the chosen icon lifts and glows aurora green.

#navigation #icon #transform

Canlı incele Sekmeler

Brass Pill Tabs

A polished brass pill slides behind the labels while the panels cross fade.

#transform #gradient #transition

Canlı incele Sekmeler

Caliper Region Tabs

A pair of caliper jaws slides along the bar and grips the active region.

#transform #border #monospace

Canlı incele Sekmeler

Flint Sideline Tabs

A left hand rail marks the active row and the whole label steps inward.

#transform #gradient #layout

Canlı incele Sekmeler

Frost Underline Tabs

A frosted tab bar where a glowing underline glides beneath the active label.

#transform #gradient #shadow

Canlı incele Sekmeler

Lattice Unit Tabs

A unit switcher on a lattice grid where the reading flips over on each change.

#transform #gradient #typography

Canlı incele Sekmeler

Mica Hairline Tabs

Uppercase spaced labels over a single hairline that glides between them.

#typography #transform #shadow

Canlı incele Sekmeler

Pylon Filter Tabs

A pylon mast rises over the active filter and the chip list underneath swaps.

#animation #transform #badge

Canlı incele Sekmeler

Ridge Step Form Tabs

A three step wizard where diamond nodes light up and a dotted ridge links them.

#form #transform #gradient

Canlı incele Sekmeler

Shaft Bottom Bar Tabs

The tab strip sits under the panel and a shaft pin rises into whichever is open.

#layout #transform #shadow

Canlı incele Sekmeler

Spiral Halftone Tabs

A printed dot screen where the panel turns into place as the halftone rotates behind it.

#pattern #transform #gradient

Canlı incele Sekmeler

Willow Hover Preview Tabs

Hovering grows a faint half underline first, so the click only completes the line.

#hover #underline #transform

Canlı incele Metin

Ballet Grace

Graceful ballet pink on text.

#animation #gradient #transform

Canlı incele Metin

3D Bounce

Text bouncing with a 3D perspective tilt.

#animation #transform

Canlı incele Metin

Bounce Rhythm

Text bouncing up and down in a steady rhythm.

#animation #transform

Canlı incele Metin

Boxing Glove

Boxing glove punching on text.

#animation #transform #shadow

Canlı incele Metin

Cadenza Solo

Virtuosic solo cadenza on text.

#animation #gradient #transform

Canlı incele Metin

Cards Shuffle

Shuffling playing cards on text.

#animation #transform #shadow

Canlı incele Metin

Chess Bishop

Chess bishop on diagonal on text.

#animation #transform #shadow

Canlı incele Metin

Circus Tent

Circus striped tent on text.

#animation #gradient #transform

Canlı incele Metin

Color Shift Cycle

Animated color hue shift cycle.

#animation #transform #filter

Canlı incele Metin

Color Wheel Spin

Color wheel spinning hue rotation.

#animation #transform #filter

Canlı incele Metin

Compass Needle

Compass needle pointing direction on text.

#animation #transform #shadow

Canlı incele Metin

Count Up Roller

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

#animation #shadow #transform

Canlı incele Metin

Cranberry Tart

Tart red cranberry on text.

#animation #transform #shadow

Canlı incele Metin

Cyberpunk Glitch

Yellow cyberpunk text with red/cyan offset and periodic skew glitch.

#animation #shadow #transform

Canlı incele Metin

Cymbal Crash

Loud cymbal crash burst on text.

#animation #transform #shadow

Canlı incele Metin

Daffodil Trumpet

Yellow daffodil trumpet cup on text.

#animation #gradient #transform

Canlı incele Metin

Decrescendo Fade

Fading decrescendo volume on text.

#animation #transform #shadow

Canlı incele Metin

Dew Drop

Glistening dewdrop sliding down text.

#animation #transform #shadow

Canlı incele Metin

Drift Sideways

Text drifting gently sideways like a leaf.

#animation #transform

Canlı incele Metin

Event Horizon

Dark ring of no return surrounding text.

#animation #gradient #transform

Canlı incele Metin

Glissando Slide

Sliding glissando pitch on text.

#animation #gradient #transform

Canlı incele Metin

Lotus Tranquil

Tranquil pink lotus on water text.

#animation #gradient #transform

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

Peony Lush

Lush full pink peony on text.

#animation #gradient #transform

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

Rhythm Pulse

Steady rhythm pulse on text.

#animation #transform #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

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

Slice Reveal

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

#animation #transform #clip-path

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

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

Vibrate Fast Buzz

Fast buzzing vibration motion.

#animation #transform

Canlı incele Metin

Vibrate Slow Hum

Slow humming vibration motion.

#animation #transform

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

Willow Weep

Weeping willow branches on text.

#animation #transform #shadow

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

Canlı incele İpuçları

Notch Corner BR Clip

Tooltip with a notched bottom-right corner clip-path.

#hover #transform

Canlı incele İpuçları

Notch Corner TR Clip

Tooltip with a notched top-right corner clip-path.

#hover #transform

Canlı incele İpuçları

Octagon Clip

Octagon-shaped tooltip clipped into form above the trigger.

#hover #transform

Canlı incele İpuçları

Triangle Clip Right

Triangle-shaped tooltip pointer to the right of the trigger.

#hover #transform

Canlı incele İpuçları

Wedge Right Clip

Tooltip with a wedge-shaped right edge clip-path.

#hover #transform

Canlı incele İpuçları

Wedge Top Clip

Tooltip with a wedge-shaped top edge clip-path.

#hover #transform

Canlı incele İpuçları

Zigzag Edge Clip

Tooltip with a zigzag bottom edge clip-path.

#hover #transform

Canlı incele İpuçları

Code Line Numbers

Tooltip with line-numbered code above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Comet Tail

Comet tail tooltip with trailing gradient streak.

#hover #gradient #transform

Canlı incele İpuçları

Coral Sunset Pink

Warm coral-to-pink gradient tooltip evoking a sunset.

#hover #gradient #transform