Canlı incele Navigation
#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
Canlı incele Navigation
Perspective Tilt Navbar
Active link lifts forward in 3D perspective with translateZ.
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Polaroid Tilt Stack Nav
Polaroid-photo style nav items stacked at alternating tilts.
Canlı incele Navigation
Glow Trail Step Nav
Stepper with a glowing trail line that pulses along the active path.
Canlı incele Navigation
Milestone Marker Nav
Horizontal milestone track with markers that pop up on hover.
Canlı incele Navigation
Progress Ring Tracker Nav
Vertical step tracker with circular progress rings on each milestone.
Canlı incele Navigation
Vertical Timeline Nav
Timeline nav with a center spine and milestone dots that activate on hover.
Canlı incele Navigation
Canlı incele Navigation
Receipt Jagged Edge Nav
Receipt paper nav with jagged torn bottom edge and active highlight.
Canlı incele Navigation
Ribbon Banner Curl Nav
Active ribbon banner with a curled corner peeling up on hover.
Canlı incele Navigation
Ribbon Banner Flow Nav
Decorative ribbon banner that flows across the top of the nav items.
Canlı incele Navigation
Ribbon Flag Wave Nav
Active tab styled as a waving flag ribbon extending below the link.
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Fill Segmented Control
Segmented control with a left-to-right color fill on the active segment.
Canlı incele Navigation
Pill Segmented Control
Segmented control with a sliding pill background that follows selection.
Canlı incele Navigation
Shadow Grow Hover Navbar
Hovered links grow a deep multi-layer shadow beneath them.
Canlı incele Navigation
Shake Jitter Navbar
Links shake-jitter on hover with a horizontal animation.
Canlı incele Navigation
Bottom Sheet Navbar
Mobile bottom sheet that slides up to reveal nav links.
Canlı incele Navigation
Back Arrow Sheet Navbar
Sheet with a back arrow navigation button at the top.
Canlı incele Navigation
Canlı incele Navigation
Grip Handle Sheet Navbar
Bottom sheet with a prominent grip handle and drag indicator.
Canlı incele Navigation
Left Slide Sheet Navbar
Vertical sheet sliding in from the left with stacked links.
Canlı incele Navigation
Right Slide Sheet Navbar
Vertical sheet sliding in from the right with profile-style links.
Canlı incele Navigation
Top Drop Sheet Navbar
Sheet that drops down from the top of the navbar revealing links.
Canlı incele Navigation
Shutter Blade Close Nav
Camera shutter blades that close in to hide nav, opening on hover.
Canlı incele Navigation
Shutter Blade Open Nav
Shutter blades that open outward radially to reveal nav links.
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Slant Perspective 3D Navbar
Nav with a perspective tilt creating a 3D slanted look.
Canlı incele Navigation
Slant Rotate Tilt Navbar
Nav with the entire bar slightly rotated for a tilted slant.
Canlı incele Navigation
Canlı incele Navigation
Split Arrow Flow Navbar
Nav links separated by arrow flow indicators pointing right.
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Stamp Ink Rotate Nav
Active link shows a rotated ink stamp badge with skewed impression.
Canlı incele Navigation
Stamp Paper Fold Nav
Paper sheet nav with folded corner revealing the active item underneath.
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Sticky Note Curl Nav
Nav items styled as sticky notes with curling corners on hover.
Canlı incele Navigation
Swing Pendulum Navbar
Links swing like a pendulum anchored at the top on hover.
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Canlı incele Navigation
Letter Spacing Grow Navbar
Hovered link expands its letter spacing for a refined editorial feel.
Canlı incele Navigation
Letter Spacing Shrink Navbar
Links have wide letter spacing that compresses on hover.
Canlı incele Navigation
Text Scramble Hover Navbar
Hovered links scramble their letters via a positional jitter animation.