Canlı incele Yükleyiciler
#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 Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Spinning Top
A diamond-shaped top spinning fast while wobbling off-axis.
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Vortex Spiral
Four nested purple rings spiraling inward and fading to nothing.
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Yükleyiciler
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Curtain Split Reveal Nav
Two curtains split apart horizontally to reveal the nav links.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Fixed Edge Drawer Navbar
Drawer fixed to the viewport edge with a sharp vertical layout.
Canlı incele Navigasyon
Sticky Side Drawer Navbar
Sticky left drawer that stays in place during scroll.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Jello Wiggle Navbar
Links wiggle like jello with a skew-based animation on hover.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Step Bar Fill Nav
Horizontal stepper where each segment fills a progress bar on hover.
Canlı incele Navigasyon
Underline Segmented Control
Segmented control with an underline indicator that slides between items.
Canlı incele Navigasyon
Canlı incele Navigasyon
Expanding Sidebar Rail
A narrow icon rail widens on hover and slides the labels out beside each icon.
Canlı incele Navigasyon
Slant Perspective 3D Navbar
Nav with a perspective tilt creating a 3D slanted look.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Sticky Note Curl Nav
Nav items styled as sticky notes with curling corners on hover.
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Canlı incele Navigasyon
Uppercase Grow Navbar
Hovered link transforms to uppercase with smooth spacing growth.
Canlı incele Navigasyon
3D Tilt Hover Navbar
Each link tilts in 3D space responding to hover with depth perspective.
Canlı incele Navigasyon
Chevron Collapsible Treeview
Tree menu where chevrons rotate as the group expands on hover.
Canlı incele Navigasyon
Connector Line Treeview
Tree menu with L-shaped connector lines linking parents to children.
Canlı incele Navigasyon
Vertical Tab Right Arrow Pointer
Vertical tabs with a right-pointing arrow on the active item.
Canlı incele Navigasyon
Vertical Tab Circle Bg Active
Vertical tabs with a circular active background indicator.
Canlı incele Navigasyon
Vertical Tab Flip Card
Vertical tabs that flip in 3D when active, revealing content.
Canlı incele Navigasyon
Canlı incele Navigasyon
Vertical Tab Neon Active Line
Vertical tabs with a pulsing neon active line indicator.
Canlı incele Navigasyon
Canlı incele Navigasyon
Vertical Tab Underline Slide
Vertical tab nav where the active underline slides between items.
Canlı incele Navigasyon
Diagonal Wipe Reveal Nav
Diagonal wipe transitions across the nav when hovering different items.
Canlı incele Navigasyon
Wipe Left Reveal Nav
Active tab revealed by a leftward wipe that sweeps across the nav.
Canlı incele Navigasyon
Wobble Jiggle Navbar
Links wobble-jiggle on hover using a keyframe animation.
Canlı incele İlerleme
Amber Sheen Progress
A polished amber fill with a light sheen that sweeps across it on a loop.
Canlı incele İlerleme
Anvil Stroke Progress
A piston head runs the bore back and forth while the charge ahead of it is compressed.
Canlı incele İlerleme
Coral Comet Progress
The fill ends in a pulsing comet head that keeps glowing at the leading edge of the track.
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.
Canlı incele Kaydırıcılar
Copper Diamond Slider
A tilted copper lozenge glides on a thin wire and opens up when hovered.
Canlı incele Sekmeler
Aurora Bottom Dock Tabs
A mobile bottom navigation dock where the chosen icon lifts and glows aurora green.
Canlı incele Sekmeler
Brass Pill Tabs
A polished brass pill slides behind the labels while the panels cross fade.
Canlı incele Sekmeler
Caliper Region Tabs
A pair of caliper jaws slides along the bar and grips the active region.
Canlı incele Sekmeler
Flint Sideline Tabs
A left hand rail marks the active row and the whole label steps inward.
Canlı incele Sekmeler
Frost Underline Tabs
A frosted tab bar where a glowing underline glides beneath the active label.
Canlı incele Sekmeler
Lattice Unit Tabs
A unit switcher on a lattice grid where the reading flips over on each change.
Canlı incele Sekmeler
Mica Hairline Tabs
Uppercase spaced labels over a single hairline that glides between them.
Canlı incele Sekmeler
Pylon Filter Tabs
A pylon mast rises over the active filter and the chip list underneath swaps.
Canlı incele Sekmeler
Ridge Step Form Tabs
A three step wizard where diamond nodes light up and a dotted ridge links them.
Canlı incele Sekmeler
Shaft Bottom Bar Tabs
The tab strip sits under the panel and a shaft pin rises into whichever is open.
Canlı incele Sekmeler
Spiral Halftone Tabs
A printed dot screen where the panel turns into place as the halftone rotates behind it.