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 Navigasyon

Sliding Underline Nav

Each link grows its own underline from the left as the pointer passes over it.

#hover #transform

Canlı incele Navigasyon

Vibrant Pop Navbar

Vibrant colorful navbar with bold contrast.

#hover #transform #shadow

Canlı incele Navigasyon

Vertical Tab Left Arrow Pointer

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

#hover #transform #border

Canlı incele Navigasyon

Vertical Tab Bounce Hover

Vertical tabs that bounce elastically when hovered.

#hover #transform

Canlı incele Navigasyon

Vertical Tab Dot Indicator

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

#hover #transform #shadow

Canlı incele Navigasyon

Vertical Tab Fill Bg

Vertical tabs with a sliding colored fill background on hover.

#hover #gradient #transform

Canlı incele Navigasyon

Vertical Tab Icon Trailing

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

#hover #transform

Canlı incele Navigasyon

Vertical Tab Pill Morph

Vertical tabs where the active pill morphs smoothly between items.

#hover #gradient #transform

Canlı incele Navigasyon

Vertical Tab Rotate Icon

Vertical tabs with an icon that rotates when active.

#hover #transform

Canlı incele Navigasyon

Vertical Tab Slide Content

Vertical tabs that slide horizontally revealing content offset.

#hover #transform #shadow

Canlı incele Navigasyon

Vertical Tab Step Marker

Vertical tabs with numbered step markers like a wizard.

#hover #transform #shadow

Canlı incele Navigasyon

Circle Mask Wipe Nav

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

#hover #gradient #transform

Canlı incele Navigasyon

Wipe Right Reveal Nav

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

#hover #gradient #transform

Canlı incele İlerleme

Chalk Steps Progress

A four stage step tracker where completed marks carry a drawn tick and a green connector.

#flexbox #steps #transform

Canlı incele İlerleme

Circuit Manometer Progress

A round pressure dial with a tick ring, a red danger band and a needle that keeps quivering.

#gauge #animation #conic-gradient

Canlı incele İlerleme

Ember Health Progress

A skewed game health bar whose colour is read off a fixed red to lime ramp and split by notches.

#transform #skew #gradient

Canlı incele İlerleme

Opal Tide Progress

A round vessel filled to sixty two percent with a rotating blob that reads as a moving tide.

#animation #transform #border-radius

Canlı incele İlerleme

Valley Ticks Progress

Twelve rotated tick marks form a circular counter with eight of them lit around a centre count.

#transform #rotate #counter

Canlı incele Kaydırıcılar

Opal Bubble Slider

A pointed value bubble lifts above the rail whenever the control is touched.

#slider #tooltip #focus-within

Canlı incele Sekmeler

Amber Segment Control

An iOS style segmented control with a springy amber thumb and scaling panels.

#transform #gradient #shadow

Canlı incele Sekmeler

Arc Vapor Tabs

A vaporwave grid horizon where the underline swings along a shallow arc, not a line.

#gradient #transform #animation

Canlı incele Sekmeler

Basalt Icon Tabs

Icon only tabs cut from dark basalt with an ember bar riding the top edge.

#transform #gradient #icon

Canlı incele Sekmeler

Cascade Icon Swap Tabs

Each tab flips its hollow icon over to a solid one the moment it becomes active.

#icon #transform #transition

Canlı incele Sekmeler

Circuit View Switcher Tabs

Board style tabs that swap the panel between a list, a grid and a bar chart.

#layout #grid #transform

Canlı incele Sekmeler

Coil Carton Tabs

Corrugated cardboard tabs whose panel unrolls out of its own top left corner.

#pattern #transform #border

Canlı incele Sekmeler

Coral Icon Text Tabs

Icon and label together; the icon tilts and grows while an underline opens outward.

#icon #transform #border

Canlı incele Sekmeler

Cove Peeking Carousel Tabs

Panels ride a horizontal track, the neighbours peeking dimmed at the edge of the frame.

#carousel #transform #overflow

Canlı incele Sekmeler

Delta Language Tabs

A language picker whose two letter code chip fills in as the greeting swaps below.

#gradient #transform #list

Canlı incele Sekmeler

Fjord Billing Period Tabs

A billing period switch with a sliding thumb, a saving badge and a swapping price.

#pricing #transform #gradient

Canlı incele Sekmeler

Flange Tier Tabs

Tier tabs where a bolted flange ring fills solid on the plan you open.

#border #gradient #transform

Canlı incele Sekmeler

Garnet Slide Tabs

Deep garnet chips select a panel that slides in from the right on every switch.

#animation #transform #shadow

Canlı incele Sekmeler

Gasket Turning Panel Tabs

Panels seat themselves with a combined scale and rotation, like a gasket ring.

#transform #animation #border

Canlı incele Sekmeler

Granite Gradient Tabs

The active tab fills with a granite gradient while the panel rail slides sideways.

#transform #gradient #overflow

Canlı incele Sekmeler

Lagoon Side Rail Tabs

A vertical rail on the left points a small arrow into the wide panel it opened.

#vertical #layout #transform

Canlı incele Sekmeler

Lapis Scale Tabs

A small dot marks the active tab and the panel scales up out of a blur.

#animation #blur #transform

Canlı incele Sekmeler

Lever Tilt Tabs

The chosen tab tips over its pivot and the panel swings in from the same hinge.

#transform #animation #layout

Canlı incele Sekmeler

Meadow Thumbnail Tabs

Gallery thumbnails act as tabs and the full frame above cross fades with its caption.

#gallery #gradient #transform

Canlı incele Sekmeler

Opal Thick Underline

A thick underline drifts between tabs while its opal gradient keeps shifting.

#animation #gradient #transform

Canlı incele Sekmeler

Piston Time Range Tabs

Time range tabs whose piston head plunges down into the selected window.

#transform #transition #layout

Canlı incele Sekmeler

Pulse Brutalist Tabs

Heavy unrounded blocks with a hard offset shadow that springs into place on click.

#border #shadow #transform

Canlı incele Sekmeler

Quartz Vertical Tabs

A vertical tab column with a violet rail that travels along the right edge.

#transform #gradient #layout

Canlı incele Sekmeler

Ratchet Account Type Tabs

A pawl steps across a toothed rack to pick between two account types.

#transform #gradient #badge

Canlı incele Sekmeler

Rivet Auth Form Tabs

Riveted plates switch between a sign in and a sign up form with real fields.

#form #gradient #transform

Canlı incele Sekmeler

Ruby Card Tabs

Three small cards act as tabs and the chosen one lifts with a ruby glow.

#transform #shadow #card

Canlı incele Sekmeler

Slate Boxed Tabs

Separate slate boxes lift on selection and the panel rises into place.

#transform #shadow #border

Canlı incele Sekmeler

Tether Divider Tabs

Hairline dividers split the tabs and a tether drops from the active one to the panel.

#border #transform #gradient

Canlı incele Sekmeler

Thicket Display Type Tabs

Oversized display words act as the tab bar, the active one growing while the rest recede.

#typography #transform #animation

Canlı incele Sekmeler

Valve Delivery Tabs

Delivery options whose valve handle turns a quarter and opens the green line.

#transform #border #transition

Canlı incele Sekmeler

Vault Deco Tabs

Gilded art deco plates tilted back in perspective; the chosen one stands upright.

#perspective #transform #border

Canlı incele Sekmeler

Verge Page Turn Tabs

Cream book leaves bound at the spine; each panel turns over from the left edge.

#perspective #transform #gradient

Canlı incele Tablolar

Brass Row Lift

Hovering a row slides it sideways and drops a warm brass rail on its left edge.

#table #hover #transform

Canlı incele Metin

Anchor Heavy

Heavy nautical anchor on text.

#animation #transform #shadow

Canlı incele Metin

Andromeda Galaxy

Spiraling blue Andromeda galaxy in text.

#animation #gradient #transform

Canlı incele Metin

Archery Arrow

Arrow flying through air on text.

#animation #transform #shadow

Canlı incele Metin

Aries Ram

Bold ram-headed Aries zodiac sign.

#animation #transform #shadow

Canlı incele Metin

Arpeggio Rise

Rising arpeggiated chord notes on text.

#animation #transform #shadow

Canlı incele Metin

Asteroid Belt

Orbiting specks circling around text.

#animation #transform #shadow

Canlı incele Metin

Aurora Australis

Southern lights rippling in cool tones.

#animation #gradient #transform

Canlı incele Metin

Automobile Horn

Car horn honking on text.

#animation #transform #shadow

Canlı incele Metin

Balloon Rise

Floating balloon rising on text.

#animation #transform #shadow

Canlı incele Metin

Bamboo Tall

Tall bamboo stalk on text.

#animation #gradient #transform

Canlı incele Metin

Barometer Fall

Falling barometric pressure on text.

#animation #transform #shadow

Canlı incele Metin

Bass Clef Roll

Rolling bass clef low-end on text.

#animation #transform #shadow

Canlı incele Metin

Bass Throb

Deep bass throb pulsing on text.

#animation #transform #shadow

Canlı incele Metin

Bauhaus Block

Bauhaus primary color blocks on text.

#animation #gradient #transform

Canlı incele Metin

Beat Thump

Heavy beat thump on text.

#animation #transform #shadow

Canlı incele Metin

Bicycle Pedal

Bicycle pedaling motion on text.

#animation #transform #shadow

Canlı incele Metin

Blizzard Snow

Heavy blizzard snow blowing across text.

#animation #transform #shadow

Canlı incele Metin

Bob Buoyant

Buoyant bobbing on water motion.

#animation #transform

Canlı incele Metin

Bonsai Mini

Miniature bonsai on text.

#animation #transform #shadow

Canlı incele Metin

Bounce Random Chaos

Random chaotic bounce motion.

#animation #transform

Canlı incele Metin

Bounce Vertical Hop

Bouncing vertical hop motion.

#animation #transform

Canlı incele Metin

Breathe Fast Rapid

Rapid fast breathing animation.

#animation #transform

Canlı incele Metin

Slow Breathe

Text breathing slowly in and out.

#animation #transform

Canlı incele Metin

Gentle Breeze

Soft gentle breeze rippling text.

#animation #transform #shadow

Canlı incele Metin

Brutalist Cement

Raw brutalist cement on text.

#animation #transform #shadow

Canlı incele Metin

Cactus Spiky

Spiky desert cactus on text.

#animation #transform #shadow

Canlı incele Metin

Camp Tent

Camping tent in the wild on text.

#animation #transform #shadow

Canlı incele Metin

Cancer Crab

Sideways scuttling crab Cancer sign.

#animation #transform #shadow

Canlı incele Metin

Candle Flicker

Warm candle flame flickering glow.

#animation #transform #shadow

Canlı incele Metin

Cardamom Pod

Green cardamom pod on text.

#animation #gradient #transform

Canlı incele Metin

Carnation Ruffle

Ruffled carnation petals on text.

#animation #transform #shadow

Canlı incele Metin

CD Shimmer

Iridescent CD surface shimmer on text.

#animation #gradient #transform

Canlı incele Metin

Chess Rook

Chess rook castle on text.

#animation #transform #shadow

Canlı incele Metin

Chord Stack

Stacked chord notes on text.

#animation #transform #shadow

Canlı incele Metin

Chrysanthemum Burst

Bursting chrysanthemum petals on text.

#animation #gradient #transform

Canlı incele Metin

Cirrus Wisp

Wispy high cirrus clouds in text.

#animation #transform #shadow

Canlı incele Metin

Clamp Duotone

Two-hue clamped duotone effect.

#transform #shadow #filter

Canlı incele Metin

Climb Mountain

Mountain climber ascending on text.

#animation #gradient #transform

Canlı incele Metin

Cloud Puff Drift

Puffy clouds drifting slowly across text.

#animation #transform #shadow

Canlı incele Metin

Clove Spicy

Spicy clove brown on text.

#animation #transform #shadow

Canlı incele Metin

Color Clamp Cool

Cool hue clamped color treatment.

#transform #shadow #filter

Canlı incele Metin

Color Clamp Mono

Monochrome hue clamped treatment.

#transform #filter

Canlı incele Metin

Color Clamp Warm

Warm hue clamped color treatment.

#transform #filter

Canlı incele Metin

Color Pulse Cycle

Pulsing color cycle with hue shift.

#animation #transform #filter

Canlı incele Metin

Comic Book Bubble

Comic book bold bubble text.

#transform #shadow