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 Butonlar

Bracket Wrap Button

Code-style button wrapped by animated square brackets.

#hover #transform #shadow

Canlı incele Butonlar

Ceramic Glaze

Glossy ceramic with speckled glaze.

#hover #gradient #transform

Canlı incele Butonlar

Nebula Cloud

Cosmic purple-pink nebula swirl.

#hover #gradient #transform

Canlı incele Butonlar

Ocean Tide

Waves rolling across a blue button face.

#animation #gradient #transform

Canlı incele Butonlar

Pelagic

Open-ocean pelagic button with deep blue vastness.

#hover #gradient #transform

Canlı incele Butonlar

Smoke Drift

Translucent gray smoke drifting upward.

#animation #gradient #transform

Canlı incele Butonlar

Vanilla Bean

Creamy vanilla with dark bean specks.

#hover #gradient #transform

Canlı incele Butonlar

Wave Crest

Wave-crest button with a curling white foam top.

#hover #gradient #transform

Canlı incele Kartlar

Coffee Passport

Coffee passport card with stamp grid, roast notes, and a bean icon.

#gradient #transform #shadow

Canlı incele Kartlar

Discount Coupon

Coupon card with scissors, a dashed cut line, notch cutouts and a big discount percentage.

#gradient #shadow #border

Canlı incele Kartlar

Invite Only Card

Invite-only card with an envelope flap, wax seal, and elegant calligraphy title.

#gradient #transform #shadow

Canlı incele Onay Kutuları

3D Pyramid Check

A 3D pyramid that flips and turns gold when checked.

#transform #border #3d

Canlı incele Onay Kutuları

Accordion Toggle

An accordion expands in red when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Amber Fossil Stone

A golden amber stone reveals an ancient inclusion when checked.

#gradient #transform #shadow

Canlı incele Onay Kutuları

Apartment Toggle

An apartment building scales in blue when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Avocado Ripe Toggle

An avocado glows green when ripe and checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Bacon Sizzle Toggle

A bacon strip wiggles with a red glow when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Banjo Toggle

A banjo slides in brown when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Battery Charge Toggle

A battery glows green when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Circle Stroke Draw

An SVG circle outline draws itself around a center dot that pops in when checked.

#border #transform #rotate

Canlı incele Onay Kutuları

Espresso Toggle

An espresso pulses brown when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Hourglass Checkbox

The glass rotates half a turn and the sand settles into the lower bulb.

#clip-path #transform #border

Canlı incele Onay Kutuları

Pulsar Radio Beams

Concentric radio waves pulse outward when this star is checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Ripple Burst Check

Toggling on triggers an expanding ripple ring around the checkbox.

#animation #border #transform

Canlı incele Onay Kutuları

Scale Pop Checkmark

The checkmark scales up with overshoot then settles, paired with a soft background.

#border #transform #rotate

Canlı incele Onay Kutuları

Silverfish Toggle

A silverfish spins gray when checked.

#animation #transform #shadow

Canlı incele Onay Kutuları

Sparkle Twinkle

A four-pointed sparkle that twinkles in with a magenta glow and slow spin when checked.

#animation #shadow #border

Canlı incele Onay Kutuları

Psi Symbol Toggle

The Greek psi letter slides in blue when checked.

#transform #shadow #filter

Canlı incele Onay Kutuları

Tarot Card Reveal

A mystical tarot card flips to reveal its face when checked.

#gradient #transform #border

Canlı incele Onay Kutuları

Pickup Truck Toggle

A pickup truck bounces in orange when checked.

#animation #transform #shadow

Canlı incele Formlar

Letter Spacing Floating Label

Label expands its letter spacing as it lifts up.

#transform #border

Canlı incele Formlar

Pill Floating Label

Rounded pill input whose label slides into a small floating chip.

#transform #shadow #border

Canlı incele Formlar

Rotate Floating Label

Label rotates 90 degrees then settles above the input.

#transform #shadow #border

Canlı incele Formlar

Scale Down Floating Label

Label shrinks to the corner with a smooth scale-down motion.

#transform #border

Canlı incele Formlar

Both Icons Input

Input with icons on both left and right sides.

#transform #shadow #border

Canlı incele Formlar

Invalid Icon Input

Input with a red X icon that appears when invalid.

#transform #shadow #border

Canlı incele Formlar

Checkmark Radio

Radio that displays an animated checkmark inside the circle when picked.

#transform #border

Canlı incele Formlar

Flip Radio

Radio card flips in 3D when selected.

#gradient #transform #border

Canlı incele Formlar

Glass Search Bar

Frosted glass search bar with translucent background.

#transform #shadow #border

Canlı incele Hover

Color Invert Pill

Pill swaps its background and text colors instantly on hover.

#hover #border #transform

Canlı incele Hover

Inset Bevel Frame

Inset beveled frame creates depth on hover.

#hover #transform #shadow

Canlı incele Hover

Icon Jump Link

The arrow leaps forward and the label shifts slightly to follow it.

#hover #transform

Canlı incele Hover

Rotate 3D Flip

Single 3D flip on hover.

#hover #transform #3d

Canlı incele Hover

Slide Random Reveal

Random-direction slide reveal on hover.

#hover #transform

Canlı incele Hover

Squash Pancake

Squashes flat as pancake on hover.

#hover #transform

Canlı incele Hover

Pop Letter

Letters pop up sequentially on hover.

#hover #animation #transform

Canlı incele Hover

Topspin

Element topspins forward on hover.

#hover #transform #3d

Canlı incele Hover

Wipe Down

New color wipes down from top on hover.

#hover #transform

Canlı incele Hover

3D Zoom Tilt

3D zoom tilt transform on hover.

#hover #transform #shadow

Canlı incele Yükleyiciler

Axe Chop

Axe chopping down into a wooden log repeatedly.

#animation #gradient #transform

Canlı incele Yükleyiciler

Baseball Pitch

Baseball stitching spinning as it flies past home plate.

#animation #gradient #transform

Canlı incele Yükleyiciler

Blender Blade

Blender jar with whirring blades at the bottom.

#animation #gradient #transform

Canlı incele Yükleyiciler

Camera Shutter

Camera shutter opening and closing.

#animation #transform

Canlı incele Yükleyiciler

Camshaft

Camshaft with egg-shaped lobes.

#animation #gradient #transform

Canlı incele Yükleyiciler

Candle Clock

Candle burning down as time passes.

#animation #gradient #transform

Canlı incele Yükleyiciler

Candle Flame

Candle flame flickering.

#animation #gradient #transform

Canlı incele Yükleyiciler

Cannon Fire

Cannon with periodic fire burst.

#animation #gradient #transform

Canlı incele Yükleyiciler

Dynamo

Dynamo generating spark.

#animation #gradient #transform

Canlı incele Yükleyiciler

Game Boy

Classic handheld Game Boy with a flickering screen.

#animation #gradient #transform

Canlı incele Yükleyiciler

Helicopter Blade

Helicopter rotor blades spinning above the cockpit.

#animation #gradient #transform

Canlı incele Yükleyiciler

Ice Cream Melt

Ice cream melting down cone.

#animation #gradient #transform

Canlı incele Yükleyiciler

Icicle Drip

Icicle dripping water droplets on a winter day.

#animation #gradient #transform

Canlı incele Yükleyiciler

Loop Roll

Loop shape rolling end over end.

#animation #transform #border

Canlı incele Yükleyiciler

Microwave Turntable

Microwave glass plate rotating with a glowing interior.

#animation #gradient #transform

Canlı incele Yükleyiciler

Morph Blob Loader

A gradient blob melts between organic border-radius shapes while it rotates.

#animation #gradient #transform

Canlı incele Yükleyiciler

Pilgrim Hat

Pilgrim hat with shiny buckle.

#animation #gradient #transform

Canlı incele Yükleyiciler

Spark Fly

Sparks flying upward.

#animation #transform #shadow

Canlı incele Yükleyiciler

Stopwatch Tick

A stopwatch face with a red second hand ticking in 60 discrete steps.

#animation #border #transform

Canlı incele Yükleyiciler

Sun Rays

Sun with rotating rays around a glowing yellow center.

#animation #gradient #transform

Canlı incele Yükleyiciler

Timing Belt

Timing belt moving over gears.

#animation #transform #border

Canlı incele Yükleyiciler

Vinyl Scratch

DJ scratching vinyl record.

#animation #gradient #transform

Canlı incele Yükleyiciler

Welder Spark

Welding torch throwing bright sparks in bursts.

#animation #gradient #transform

Canlı incele Navigasyon

3D Arrow Breadcrumbs

Breadcrumbs with 3D arrow separators.

#hover #gradient #transform

Canlı incele Navigasyon

Curve Arrow Breadcrumbs

Breadcrumbs with curved arrow separators.

#hover #transform

Canlı incele Navigasyon

Line Separator Breadcrumbs

Breadcrumbs with vertical line separators.

#hover #transform

Canlı incele Navigasyon

Stack Cards Drawer Navbar

Drawer with stacked card-style links that fan out on hover.

#hover #transform #shadow

Canlı incele Navigasyon

Magnetic Pull Navbar

Links magnetically grow toward the hovered item while neighbors shrink back.

#hover #transform #shadow

Canlı incele Navigasyon

Neon Edge Navbar

Navbar with neon glowing edges.

#hover #transform #shadow

Canlı incele Navigasyon

Dark Fade Overlay Navbar

Side panel nav with a fading dark overlay backdrop.

#hover #animation #gradient

Canlı incele Navigasyon

Aurora Gradient Overlay Navbar

Modal nav over an aurora gradient animated background.

#hover #animation #gradient

Canlı incele Navigasyon

Light Fade Overlay Navbar

Side panel nav with a fading light translucent backdrop.

#hover #animation #gradient

Canlı incele Navigasyon

Active Flip Pagination

Active page flips on Y axis.

#hover #transform #shadow

Canlı incele Navigasyon

Pulse Throb Navbar

Active link throbs with a pulsing scale animation.

#hover #animation #transform

Canlı incele Sekmeler

Chalk Rounded Tabs

One soft rounded shell with the content above and a chalk thumb sliding below.

#transform #rounded #shadow

Canlı incele Sekmeler

Cobalt Stepper Tabs

Numbered cobalt nodes on a rail, with the connecting line filling as you advance.

#transform #gradient #stepper

Canlı incele Sekmeler

Nickel Notch Tabs

A small pointer notch slides under the active tab and aims at the panel below.

#transform #border #shadow

Canlı incele Metin

Bounce Horizontal Slide

Bouncing horizontal slide motion.

#animation #transform

Canlı incele Metin

Breathing Text

Text slowly scales and glows in a calm breathing rhythm.

#animation #shadow #transform

Canlı incele Metin

Collage Cutout

Magazine cutout collage ransom-style text.

#transform #border

Canlı incele Metin

Constructivism Bold Red

Constructivist bold red propaganda.

Canlı incele Metin

Distortion Grit

Gritty distorted guitar text.

#animation #transform #shadow