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 Yükleyiciler

Horse Gallop

Horse silhouette galloping with mane and tail flowing.

#animation #gradient #transform

Canlı incele Yükleyiciler

Hovercraft

Hovercraft floating on a cushion of air with skirt inflating.

#animation #gradient #transform

Canlı incele Yükleyiciler

Hygrometer

Hygrometer showing humidity level.

#animation #gradient #transform

Canlı incele Yükleyiciler

Ice Cube Melt

Ice cube slowly melting into a puddle of water.

#animation #gradient #transform

Canlı incele Yükleyiciler

Jet Stream

High-altitude jet stream flowing.

#animation #gradient #transform

Canlı incele Yükleyiciler

Jewel Spark

Jewel with sparks emerging.

#animation #gradient #transform

Canlı incele Yükleyiciler

Joker Grin

Joker card with shifting grin.

#animation #gradient #transform

Canlı incele Yükleyiciler

Leaf Fall

Autumn leaves drifting down with a swaying motion.

#animation #gradient #transform

Canlı incele Yükleyiciler

Line Connect Node

Lines drawing between two nodes.

#animation #gradient #transform

Canlı incele Yükleyiciler

Magician Hat

Magician pulling rabbit from hat.

#animation #gradient #transform

Canlı incele Yükleyiciler

Mandala Spin

Symmetric mandala pattern spinning.

#animation #transform

Canlı incele Yükleyiciler

Match Strike

Match striking and igniting.

#animation #gradient #transform

Canlı incele Yükleyiciler

Merry-Go-Round

Rotating platform with three colored horses spinning around.

#animation #gradient #transform

Canlı incele Yükleyiciler

Metronome Tick

Metronome pendulum ticking.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pearl Glow

Pearl with soft iridescent glow.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pentagon Flower Spin

Five-petal flower spinning.

#animation #transform

Canlı incele Yükleyiciler

Pole Vault

Pole vaulter going over bar.

#animation #gradient #transform

Canlı incele Yükleyiciler

Heptagon Rotate

Seven-sided polygon rotating.

#animation #gradient #transform

Canlı incele Yükleyiciler

Popcorn Popper

Popcorn kernels popping.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pretzel Twist

Pretzel with twisting arms.

#animation #transform #border

Canlı incele Yükleyiciler

Rolling Pin

Rolling pin spinning back and forth over dough.

#animation #gradient #transform

Canlı incele Yükleyiciler

Santa Sleigh Fly

Santa's sleigh flying across.

#animation #gradient #transform

Canlı incele Yükleyiciler

Satellite Dish

Satellite dish emitting signal waves.

#animation #gradient #transform

Canlı incele Yükleyiciler

Saxophone

Saxophone with keys pressing along its curved body.

#animation #gradient #transform

Canlı incele Yükleyiciler

Sextant

Sextant arc with swinging arm.

#animation #transform #border

Canlı incele Yükleyiciler

Shape Explode Reform

Shape exploding outward and reforming.

#animation #transform

Canlı incele Yükleyiciler

Spinning Top

A diamond-shaped top spinning fast while wobbling off-axis.

#gradient #animation #transform

Canlı incele Yükleyiciler

Spotlight Spin

Spotlight spinning in full circle.

#animation #gradient #transform

Canlı incele Yükleyiciler

Steel Drum

Steel drum with concave surface.

#animation #gradient #transform

Canlı incele Yükleyiciler

Stepper Motor

Stepper motor stepping in increments.

#animation #gradient #transform

Canlı incele Yükleyiciler

Tempest

Violent tempest swirling.

#animation #gradient #transform

Canlı incele Yükleyiciler

Tomato Slice

Tomato slice with seed pattern.

#animation #gradient #transform

Canlı incele Yükleyiciler

Triangle Orbit Dots

Three colored dots orbiting in a triangular path.

#animation #transform

Canlı incele Yükleyiciler

Triangle Stack

Nested triangles rotating opposite.

#animation #transform #border

Canlı incele Yükleyiciler

Gas Turbine

Gas turbine with flame inside.

#animation #gradient #transform

Canlı incele Yükleyiciler

Vortex Spiral

Four nested purple rings spiraling inward and fading to nothing.

#animation #border #transform

Canlı incele Yükleyiciler

Wind Gust

Wind gust lines blowing.

#animation #gradient #transform

Canlı incele Yükleyiciler

Wine Pour

Wine pouring into glass.

#animation #gradient #transform

Canlı incele Yükleyiciler

Xylophone Mallet

Mallet striking xylophone bars.

#animation #gradient #transform

Canlı incele Yükleyiciler

Zombie Shuffle

Zombie shuffling across screen.

#animation #gradient #transform

Canlı incele Navigasyon

Circle Hamburger

Hamburger inside a circle that morphs on hover.

#hover #transform #border

Canlı incele Navigasyon

Flip Hamburger

Hamburger that flips on Y axis.

#hover #transform #border

Canlı incele Navigasyon

Spin Hamburger

Hamburger that spins 180 degrees on hover.

#hover #transform #border

Canlı incele Navigasyon

To Close Hamburger

Hamburger that becomes an X close icon on hover.

#hover #transform #border

Canlı incele Navigasyon

To Minus Hamburger

Hamburger that becomes a minus line on hover.

#hover #transform #border

Canlı incele Navigasyon

To Plus Hamburger

Hamburger that becomes a plus sign on hover.

#hover #transform #border

Canlı incele Navigasyon

Claymorphism Navbar

Soft clay-style navbar with rounded pill links.

#hover #transform #shadow

Canlı incele Navigasyon

Animated Arrow Breadcrumbs

Breadcrumbs with animated moving arrows.

#hover #animation #transform

Canlı incele Navigasyon

Curve Line Breadcrumbs

Breadcrumbs with curved SVG-like line separators.

#hover #transform

Canlı incele Navigasyon

Dashed Trail Breadcrumbs

Breadcrumbs with dashed connecting lines.

#hover #transform #border

Canlı incele Navigasyon

Hover Grow Breadcrumbs

Breadcrumbs that grow on hover.

#hover #gradient #transform

Canlı incele Navigasyon

Hover Shift Breadcrumbs

Breadcrumbs that shift right on hover.

#hover #transform

Canlı incele Navigasyon

Neon Separator Breadcrumbs

Dark mode breadcrumbs with neon separators.

#hover #transform #shadow

Canlı incele Navigasyon

Triangle Tip Breadcrumbs

Breadcrumbs with triangle pointed tips.

#hover #gradient #transform

Canlı incele Navigasyon

Zigzag Trail Breadcrumbs

Breadcrumbs with zigzag pattern separators.

#hover #transform

Canlı incele Navigasyon

Curtain Split Reveal Nav

Two curtains split apart horizontally to reveal the nav links.

#hover #gradient #transform

Canlı incele Navigasyon

Dark Minimal Navbar

Minimal dark navbar with subtle hover underlines.

#hover #transform #border

Canlı incele Navigasyon

Deep Shadow Navbar

Navbar with deep layered shadow for elevation.

#hover #transform #shadow

Canlı incele Navigasyon

Horizontal Top Dot Nav

Horizontal dot navigation at top.

#hover #transform #shadow

Canlı incele Navigasyon

Fixed Edge Drawer Navbar

Drawer fixed to the viewport edge with a sharp vertical layout.

#hover #transform #border

Canlı incele Navigasyon

Sticky Side Drawer Navbar

Sticky left drawer that stays in place during scroll.

#hover #transform #shadow

Canlı incele Navigasyon

Elastic Snap Navbar

Links snap up elastically on hover and settle with a bounce.

#hover #transform

Canlı incele Navigasyon

3D Icon Nav

3D extruded icon navigation.

#hover #gradient #transform

Canlı incele Navigasyon

Jello Wiggle Navbar

Links wiggle like jello with a skew-based animation on hover.

#hover #animation #transform

Canlı incele Navigasyon

Radial Burst Menu

Items burst outward radially from a center trigger with staggered timing.

#hover #transform #shadow

Canlı incele Navigasyon

3D Pagination

Pagination with 3D extruded active button.

#hover #transform #shadow

Canlı incele Navigasyon

Arrow Circle Pagination

Pagination with circular arrow buttons.

#hover #transform

Canlı incele Navigasyon

Step Bar Fill Nav

Horizontal stepper where each segment fills a progress bar on hover.

#hover #gradient #transform

Canlı incele Navigasyon

Underline Segmented Control

Segmented control with an underline indicator that slides between items.

#hover #transform #border

Canlı incele Navigasyon

Slant Perspective 3D Navbar

Nav with a perspective tilt creating a 3D slanted look.

#hover #transform #shadow

Canlı incele Navigasyon

Stamp Ink Press Nav

Active link stamps down with an inked impression effect.

#hover #transform #shadow

Canlı incele Navigasyon

Square Step Indicator

Step indicator with square markers.

#hover #transform

Canlı incele Navigasyon

Sticky Note Curl Nav

Nav items styled as sticky notes with curling corners on hover.

#hover #gradient #transform

Canlı incele Navigasyon

Flip Card Tabs

Tabs that flip like cards revealing back face.

#hover #gradient #transform

Canlı incele Navigasyon

Neon Active Tabs

Neon glowing active tab indicator.

#hover #transform #shadow

Canlı incele Navigasyon

Pill Bounce Tabs

Pill tabs that bounce into place on active.

#hover #transform #shadow

Canlı incele Navigasyon

Taffy Pull Navbar

Links stretch like taffy when hovered, with a sticky transition.

#hover #transform

Canlı incele Navigasyon

Uppercase Grow Navbar

Hovered link transforms to uppercase with smooth spacing growth.

#hover #transform #shadow

Canlı incele Navigasyon

3D Tilt Hover Navbar

Each link tilts in 3D space responding to hover with depth perspective.

#hover #gradient #transform

Canlı incele Navigasyon

Chevron Collapsible Treeview

Tree menu where chevrons rotate as the group expands on hover.

#hover #transform

Canlı incele Navigasyon

Connector Line Treeview

Tree menu with L-shaped connector lines linking parents to children.

#hover #transform #border

Canlı incele Navigasyon

Vertical Tab Right Arrow Pointer

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

#hover #transform #border

Canlı incele Navigasyon

Vertical Tab Circle Bg Active

Vertical tabs with a circular active background indicator.

#hover #transform #shadow

Canlı incele Navigasyon

Vertical Tab Flip Card

Vertical tabs that flip in 3D when active, revealing content.

#hover #transform #shadow

Canlı incele Navigasyon

Vertical Tab Icon Leading

Vertical tabs with leading icons that scale on active.

#hover #transform

Canlı incele Navigasyon

Vertical Tab Neon Active Line

Vertical tabs with a pulsing neon active line indicator.

#hover #animation #transform

Canlı incele Navigasyon

Vertical Tab Square Sharp

Sharp square vertical tabs with brutalist styling.

#hover #transform #border

Canlı incele Navigasyon

Vertical Tab Underline Slide

Vertical tab nav where the active underline slides between items.

#hover #transform #shadow

Canlı incele Navigasyon

Diagonal Wipe Reveal Nav

Diagonal wipe transitions across the nav when hovering different items.

#hover #gradient #transform

Canlı incele Navigasyon

Wipe Left Reveal Nav

Active tab revealed by a leftward wipe that sweeps across the nav.

#hover #gradient #transform

Canlı incele Navigasyon

Wobble Jiggle Navbar

Links wobble-jiggle on hover using a keyframe animation.

#hover #animation #transform

Canlı incele İlerleme

Amber Sheen Progress

A polished amber fill with a light sheen that sweeps across it on a loop.

#animation #transform #gradient

Canlı incele İlerleme

Anvil Stroke Progress

A piston head runs the bore back and forth while the charge ahead of it is compressed.

#piston #animation #transform