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 Loaders

Windmill Pinwheel

Four colored blades spinning around a central hub.

#gradient #animation #border

Canlı incele Loaders

Windmill Blade

Windmill with spinning blades.

#animation #gradient #transform

Canlı incele Loaders

Window Shutter

Window shutters opening and closing.

#animation #gradient #transform

Canlı incele Loaders

Windshield Wiper

Windshield wiper swiping back and forth across raindrops.

#animation #gradient #transform

Canlı incele Loaders

Wine Pour

Wine pouring into glass.

#animation #gradient #transform

Canlı incele Loaders

Witch Broom Fly

Witch flying on broomstick.

#animation #gradient #transform

Canlı incele Loaders

Wood Block Tap

Wood block being tapped.

#animation #gradient #transform

Canlı incele Loaders

Worm Gear

Worm screw driving a gear.

#animation #gradient #transform

Canlı incele Loaders

Wormhole

Wormhole tunnel with concentric rings.

#animation #transform #border

Canlı incele Loaders

Wrench Turn

Wrench tightening a bolt with ratcheting motion.

#animation #gradient #transform

Canlı incele Loaders

Xylophone Mallet

Mallet striking xylophone bars.

#animation #gradient #transform

Canlı incele Loaders

Yo-Yo Spin

Yo-yo spinning on string.

#animation #gradient #transform

Canlı incele Loaders

Zodiac Wheel

Zodiac wheel rotating with twelve symbols.

#animation #gradient #transform

Canlı incele Loaders

Zombie Shuffle

Zombie shuffling across screen.

#animation #gradient #transform

Canlı incele Loaders

Zoom Burst Rays

Rays bursting outward from center.

#animation #gradient #transform

Canlı incele Navigation

3D Perspective Navbar

Navbar with 3D hover lift and perspective transform.

#hover #transform #shadow

Canlı incele Navigation

3D Tilt X Navbar

Active link tilts on the X-axis with deep perspective.

#hover #transform #shadow

Canlı incele Navigation

3D Tilt XY Navbar

Active link tilts diagonally on both X and Y axes.

#hover #transform #shadow

Canlı incele Navigation

3D Tilt Y Navbar

Active link tilts on the Y-axis with deep perspective.

#hover #transform #shadow

Canlı incele Navigation

Arrow 3D Perspective Navbar

Nav with 3D perspective arrow-shaped active indicator.

#hover #transform #shadow

Canlı incele Navigation

Arrow Asterisk Spin Navbar

Nav with spinning asterisk arrow accent on the active item.

#hover #animation #transform

Canlı incele Navigation

Arrow Bounce Drop Navbar

Nav with arrow indicators that bounce-drop on hover.

#hover #animation #transform

Canlı incele Navigation

Arrow Chevron Point Navbar

Nav with chevron-pointed active indicators.

#hover #transform

Canlı incele Navigation

Arrow Cross Mark Navbar

Nav with cross-mark arrow accent on the active item.

#hover #transform

Canlı incele Navigation

Arrow Diagonal Travel Navbar

Nav links travel diagonally on hover with arrow accents.

#hover #transform

Canlı incele Navigation

Arrow Flip 3D Navbar

Nav arrow indicators flip in 3D on hover.

#hover #transform #3d

Canlı incele Navigation

Arrow Floating Bob Navbar

Nav links with floating arrow indicators that bob up and down.

#hover #animation #transform

Canlı incele Navigation

Arrow Grow Expand Navbar

Nav arrow indicators grow and expand on hover.

#hover #transform

Canlı incele Navigation

Arrow Heart Beat Navbar

Nav with heart-beat arrow accent on the active item.

#hover #animation #transform

Canlı incele Navigation

Arrow Outline Draw Navbar

Nav with arrow outline drawn on the active item.

#hover #animation #transform

Canlı incele Navigation

Arrow Pulse Throb Navbar

Nav arrow indicators pulse and throb on the active item.

#hover #animation #transform

Canlı incele Navigation

Arrow Rotate Spin Navbar

Nav arrow indicators rotate-spin when hovered.

#hover #transform

Canlı incele Navigation

Arrow Shrink Compress Navbar

Nav links compress and shrink with arrow accent on hover.

#hover #transform

Canlı incele Navigation

Arrow Slide Track Navbar

Nav links slide along a track with arrow indicator.

#hover #transform

Canlı incele Navigation

Arrow Star Burst Navbar

Nav with star-burst arrow accent on the active item.

#hover #transform

Canlı incele Navigation

Arrow Triple Stack Navbar

Nav with triple-stacked arrow indicators on the active item.

#hover #transform

Canlı incele Navigation

Arrow Wave Flow Navbar

Nav with wavy arrow flow separators between items.

#hover #animation #transform

Canlı incele Navigation

Arrow Zigzag Flow Navbar

Nav with zigzag-shaped arrow flow separators.

#hover #animation #transform

Canlı incele Navigation

Aurora Background Navbar

Navbar with aurora-like animated gradient blobs.

#hover #animation #gradient

Canlı incele Navigation

Bob Buoyant Navbar

Links bob up and down buoyantly on hover.

#hover #animation #gradient

Canlı incele Navigation

Fixed Bottom Nav

Fixed bottom navigation bar with icons.

#hover #transform

Canlı incele Navigation

Gradient Bottom Nav

Bottom nav with gradient active icon.

#hover #gradient #transform

Canlı incele Navigation

Bounce Drop Navbar

Hovered links drop and bounce in from above with an overshoot.

#hover #transform

Canlı incele Navigation

Brutalist Navbar

Raw brutalist navbar with thick borders and offset shadow.

#hover #transform #shadow

Canlı incele Navigation

3D Rotate Hamburger

Hamburger with full 3D rotation on hover.

#hover #transform #border

Canlı incele Navigation

Bounce Hamburger

Hamburger that bounces on hover.

#hover #animation #transform

Canlı incele Navigation

Circle Hamburger

Hamburger inside a circle that morphs on hover.

#hover #transform #border

Canlı incele Navigation

Flip Hamburger

Hamburger that flips on Y axis.

#hover #transform #border

Canlı incele Navigation

Morph to Arrow Hamburger

Hamburger that morphs into a left arrow.

#hover #transform #border

Canlı incele Navigation

Morph to X Hamburger

Hamburger menu icon that morphs to X on hover.

#hover #transform #border

Canlı incele Navigation

Rotate Hamburger

Hamburger with rotating lines on hover.

#hover #transform #border

Canlı incele Navigation

Spin Hamburger

Hamburger that spins 180 degrees on hover.

#hover #transform #border

Canlı incele Navigation

Square Hamburger

Hamburger inside a square that morphs on hover.

#hover #transform #border

Canlı incele Navigation

To Arrow Hamburger

Hamburger that becomes an arrow on hover.

#hover #transform #border

Canlı incele Navigation

To Close Hamburger

Hamburger that becomes an X close icon on hover.

#hover #transform #border

Canlı incele Navigation

To Dots Hamburger

Hamburger that becomes 3 vertical dots on hover.

#hover #transform #border

Canlı incele Navigation

To Minus Hamburger

Hamburger that becomes a minus line on hover.

#hover #transform #border

Canlı incele Navigation

To Plus Hamburger

Hamburger that becomes a plus sign on hover.

#hover #transform #border

Canlı incele Navigation

Center Logo Navbar

Navbar with the logo centered and split links.

#hover #transform #border

Canlı incele Navigation

Claymorphism Navbar

Soft clay-style navbar with rounded pill links.

#hover #transform #shadow

Canlı incele Navigation

Color Ripple Hover Navbar

Color ripples outward from each link on hover with a radial gradient.

#hover #gradient #transform

Canlı incele Navigation

Recent Commands Palette

Palette grouping commands into Recent and All sections.

#hover #transform #shadow

Canlı incele Navigation

Coupon Clip Corner Nav

Nav items styled as coupons with clipped circular corners.

#hover #gradient #transform

Canlı incele Navigation

3D Arrow Breadcrumbs

Breadcrumbs with 3D arrow separators.

#hover #gradient #transform

Canlı incele Navigation

3D Chevron Breadcrumbs

Breadcrumbs with 3D chevron separators.

#hover #gradient #transform

Canlı incele Navigation

Animated Arrow Breadcrumbs

Breadcrumbs with animated moving arrows.

#hover #animation #transform

Canlı incele Navigation

Circle Background Breadcrumbs

Breadcrumbs with circular item backgrounds.

#hover #gradient #transform

Canlı incele Navigation

Curve Arrow Breadcrumbs

Breadcrumbs with curved arrow separators.

#hover #transform

Canlı incele Navigation

Curve Line Breadcrumbs

Breadcrumbs with curved SVG-like line separators.

#hover #transform

Canlı incele Navigation

Dashed Trail Breadcrumbs

Breadcrumbs with dashed connecting lines.

#hover #transform #border

Canlı incele Navigation

Diagonal Arrow Breadcrumbs

Breadcrumbs with diagonal arrow separators.

#hover #transform

Canlı incele Navigation

Dot Separator Breadcrumbs

Breadcrumbs with dot separators.

#hover #transform

Canlı incele Navigation

Dotted Trail Breadcrumbs

Breadcrumbs with dotted connecting lines.

#hover #transform #border

Canlı incele Navigation

Floating Arrow Breadcrumbs

Breadcrumbs with floating arrow separators on hover.

#hover #transform

Canlı incele Navigation

Glow Trail Breadcrumbs

Breadcrumbs with a glowing connecting trail.

#hover #transform #shadow

Canlı incele Navigation

Hover Grow Breadcrumbs

Breadcrumbs that grow on hover.

#hover #gradient #transform

Canlı incele Navigation

Hover Rotate Breadcrumbs

Breadcrumbs that rotate slightly on hover.

#hover #gradient #transform

Canlı incele Navigation

Hover Shift Breadcrumbs

Breadcrumbs that shift right on hover.

#hover #transform

Canlı incele Navigation

Line Separator Breadcrumbs

Breadcrumbs with vertical line separators.

#hover #transform

Canlı incele Navigation

Neon Separator Breadcrumbs

Dark mode breadcrumbs with neon separators.

#hover #transform #shadow

Canlı incele Navigation

Triangle Tip Breadcrumbs

Breadcrumbs with triangle pointed tips.

#hover #gradient #transform

Canlı incele Navigation

Underline Active Breadcrumbs

Breadcrumbs with underline on active item.

#hover #transform

Canlı incele Navigation

Vertical Line Breadcrumbs

Vertical breadcrumbs with line connectors.

#hover #transform #shadow

Canlı incele Navigation

Wavy Trail Breadcrumbs

Breadcrumbs with wavy connecting separators.

#hover #transform

Canlı incele Navigation

Zigzag Trail Breadcrumbs

Breadcrumbs with zigzag pattern separators.

#hover #transform

Canlı incele Navigation

Curtain Fall Reveal Nav

Nav links revealed as a curtain falls downward on hover.

#hover #gradient #transform

Canlı incele Navigation

Curtain Rise Reveal Nav

Nav links revealed as a curtain rises upward on hover.

#hover #gradient #transform

Canlı incele Navigation

Curtain Split Reveal Nav

Two curtains split apart horizontally to reveal the nav links.

#hover #gradient #transform

Canlı incele Navigation

Dark Minimal Navbar

Minimal dark navbar with subtle hover underlines.

#hover #transform #border

Canlı incele Navigation

Deep Shadow Navbar

Navbar with deep layered shadow for elevation.

#hover #transform #shadow

Canlı incele Navigation

3D Dot Nav

3D extruded dot navigation.

#hover #gradient #transform

Canlı incele Navigation

Circle Dot Nav

Dot navigation in a circle container.

#hover #gradient #transform

Canlı incele Navigation

Floating Bottom Dot Nav

Floating dot navigation at bottom.

#hover #gradient #transform

Canlı incele Navigation

Floating Left Dot Nav

Floating dot navigation on left with shadow.

#hover #transform #shadow

Popüler etiketler

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