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 İpuçları

Fade Right

Tooltip fades in on the right side pointing left.

#hover #transform #border

Canlı incele İpuçları

Fan Out Tip

Tooltip that fans out from a point above the trigger.

#hover #transform #border

Canlı incele İpuçları

Feature Card

Feature highlight card tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Flash Strobe

Tooltip that flashes with a strobe-like opacity animation.

#hover #animation #transform

Canlı incele İpuçları

Flip X Left

3D flip tooltip on X axis revealing from the left.

#hover #transform #border

Canlı incele İpuçları

Flip X Right

3D flip tooltip on X axis revealing from the right.

#hover #transform #border

Canlı incele İpuçları

Glass Frost Cold

Cool-toned frosted glass tooltip with cold blue tint.

#hover #transform #shadow

Canlı incele İpuçları

Glass Iridescent

Iridescent glass tooltip with a rainbow shimmer overlay.

#hover #gradient #transform

Canlı incele İpuçları

Green Success

Green success tooltip with checkmark styling above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Groove Border Top

Tooltip with a 3D grooved border above the trigger.

#hover #transform #border

Canlı incele İpuçları

Icon Help

Tooltip with question mark icon above the trigger.

#hover #transform #border

Canlı incele İpuçları

Inset Border Top

Tooltip with an inset 3D border above the trigger.

#hover #transform #border

Canlı incele İpuçları

Light Top

Clean light tooltip with subtle shadow above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Liquid Ripple

Tooltip that ripples outward like a water drop impact.

#hover #transform #border

Canlı incele İpuçları

Milestone

Milestone tag tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Mojito Mint

Fresh mojito mint tooltip with lime accent above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Mustard Field

Rich mustard yellow tooltip with a vintage field feel.

#hover #transform #border

Canlı incele İpuçları

Neumorphic Top

Soft neumorphic tooltip with inset shadow above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Obsidian Black

Obsidian black glassy tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Ocean Wave

Ocean blue gradient tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

OKLCH Tone Tooltip

Bubble, arrow and trigger colours are all mixed from one OKLCH hue in OKLAB.

#hover #transform #shadow

Canlı incele İpuçları

Olive Military

Olive-drab military-styled tooltip with stencil feel.

#hover #transform #border

Canlı incele İpuçları

Orbit Circles

Tooltip with orbiting circles decoration above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Pastel Soft

Soft pastel tooltip with gentle colors above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Pearl White

Pearl white shimmering tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Pencil Sketch

Pencil sketch style tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Pink Bubble

Pink bubble tooltip with rounded corners above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Powder Sky

Soft powder-blue tooltip reminiscent of a clear sky.

#hover #transform #shadow

Canlı incele İpuçları

Progress Bar

Tooltip with animated progress bar above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Progress Circular

Tooltip with circular progress indicator above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Progress Ring

Circular progress ring tooltip above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Pulse Throb

Tooltip that throbs with a gentle pulse animation on hover.

#hover #animation #transform

Canlı incele İpuçları

Rich Content

Tooltip with rich multi-line content above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Ridge Border Bottom

Tooltip with a 3D ridged border below the trigger.

#hover #transform #border

Canlı incele İpuçları

Robot Circuit

Robot circuit tooltip with PCB-style green-and-cyan grid.

#hover #gradient #transform

Canlı incele İpuçları

Rotate Left

Tooltip rotates in from the left with a spin animation.

#hover #transform #border

Canlı incele İpuçları

Rotate In Top

Tooltip rotates into place above the trigger.

#hover #transform #border

Canlı incele İpuçları

Scale In Left

Tooltip scales in from the left of the trigger.

#hover #transform #border

Canlı incele İpuçları

Pop Scale Tooltip

The bubble springs open from the trigger with a slight overshoot before settling.

#hover #transform #border

Canlı incele İpuçları

Shimmer Wave

Tooltip with a shimmering wave gradient sweeping across.

#hover #animation #gradient

Canlı incele İpuçları

Shutter Diagonal

Tooltip reveals through a diagonal shutter wipe.

#hover #transform #border

Canlı incele İpuçları

Silver Metallic

Silver metallic tooltip with subtle gradient above the trigger.

#hover #gradient #transform

Canlı incele İpuçları

Skew Top

Tooltip skews into place above the trigger.

#hover #transform #border

Canlı incele İpuçları

Slide Diagonal Bottom-Left

Tooltip slides in from the bottom-left corner of the trigger.

#hover #transform #border

Canlı incele İpuçları

Slide Right

Tooltip slides in from the left toward the right side.

#hover #transform #border

Canlı incele İpuçları

Spotlight Radial

Tooltip with a radial spotlight gradient highlighting its center.

#hover #gradient #transform

Canlı incele İpuçları

Spring Top

Tooltip bounces with a spring overshoot above the trigger.

#hover #transform #border

Canlı incele İpuçları

St Patrick Clover

Lucky green St Patrick's Day clover tooltip.

#hover #gradient #transform

Canlı incele İpuçları

Status Away

Away status tooltip with yellow dot above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Status Offline

Offline status tooltip with grey dot above the trigger.

#hover #transform #border

Canlı incele İpuçları

Status Online

Online status tooltip with green dot above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Status Pill

Pill-shaped status tooltip above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Sticker Peel

Tooltip that peels up like a sticker above the trigger.

#hover #transform #shadow

Canlı incele İpuçları

Stock Status

Stock availability status tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Stretch X

Tooltip stretches horizontally into view above the trigger.

#hover #transform #border

Canlı incele İpuçları

Stretch Y

Tooltip stretches vertically into view above the trigger.

#hover #transform #border

Canlı incele İpuçları

Sunset Blaze

Vibrant sunset-blaze gradient tooltip.

#hover #gradient #transform

Canlı incele İpuçları

Swing Top

Tooltip swings in like a pendulum above the trigger.

#hover #transform #border

Canlı incele İpuçları

Tada Success

Success tooltip celebrates with a tada animation above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Tick Marks Bottom

Tooltip with tick-mark decorations along its bottom edge.

#hover #gradient #transform

Canlı incele İpuçları

Time Stamp

Timestamp tooltip above the trigger.

#hover #transform #border

Canlı incele İpuçları

Valentine Heart

Romantic pink valentine heart tooltip.

#hover #gradient #transform

Canlı incele İpuçları

Zig Zag

Tooltip that zigzags into view above the trigger.

#hover #animation #transform

Canlı incele İpuçları

Zoom In Right

Tooltip zooms in from small to full size on the right.

#hover #transform #border

Canlı incele İpuçları

Zoom Out Right

Tooltip zooms out from oversized to normal on the right.

#hover #transform #border

Canlı incele İpuçları

Zoom Out Top

Tooltip zooms from tiny to full size above the trigger.

#hover #transform #border

Canlı incele Zaman Çizelgeleri

Dash Career Timeline

Sprint seasons stack as track lanes and the newest runner leans further down the straight.

#animation #transform #sport

Canlı incele Zaman Çizelgeleri

Lull Retro Timeline

Taped paper notes from three quiet weeks lean at odd angles and straighten under the cursor.

#hover #transform #shadow

Canlı incele Zaman Çizelgeleri

Wander Stamp Timeline

A travel journal where every stop carries a perforated postage stamp that tilts on hover.

#border #hover #transform

Canlı incele Anahtarlar

Amethyst Violet

Amethyst violet crystal with mystic glow.

#gradient #transform #shadow

Canlı incele Anahtarlar

Arrive / Depart

Arrow-shaped knob slides with a motion blur filter as track turns blue.

#transform #shadow #filter

Canlı incele Anahtarlar

Bellows Expand

Camera bellows expand and contract as the knob moves.

#gradient #transform

Canlı incele Anahtarlar

Binary Flow

Binary digits stream across the track as data flows.

#animation #gradient #transform

Canlı incele Anahtarlar

Buoyant / Sinking

Buoyant knob floats then sinks beneath the water on toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

Butterfly / Cocoon

Cocoon bursts open into a fluttering butterfly.

#animation #gradient #transform

Canlı incele Anahtarlar

Charcoal Matte

Matte charcoal black with no-shine knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Co-op / Versus

Cooperative dots become a versus symbol on toggle.

#transform #shadow

Canlı incele Anahtarlar

Cog Mesh

Two interlocking cogwheels rotate together when engaged.

#animation #gradient #transform

Canlı incele Anahtarlar

Coin / Token

Gold coin knob becomes a colored token on the amber track.

#transform #shadow

Canlı incele Anahtarlar

Compact / Spacious

Tight knob expands to a wider spacious layout.

#transform #shadow

Canlı incele Anahtarlar

Copper / Silver

Warm copper knob cools into a bright silver finish.

#gradient #transform #shadow

Canlı incele Anahtarlar

Coral Pearl

Coral pink with pearlescent shimmer knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Coral Sunset

Warm coral to sunset orange fade toggle.

#gradient #transform #shadow

Canlı incele Anahtarlar

CPU Load Meter

Animated bars visualize CPU load rising as the toggle activates.

#gradient #transform #shadow

Canlı incele Anahtarlar

Crown / Scepter

Crown knob becomes a scepter on the royal gold track.

#transform #shadow

Canlı incele Anahtarlar

Cube Roll 3D

Sharp cube knob rolls end-over-end across the dark track in 3D.

#gradient #transform #shadow

Canlı incele Anahtarlar

Cyan Wave

Cyan wave pattern with aqua glow knob.

#gradient #transform #shadow

Canlı incele Anahtarlar

Dawn / Dusk

Horizon glows pink at dawn and purple at dusk.

#gradient #transform #shadow

Canlı incele Anahtarlar

Debug / Release

Bug debug knob becomes a release rocket on the green track.

#transform #shadow

Canlı incele Anahtarlar

Open / Closed Door

Wooden door swings open on a hinge with a 3D perspective rotation.

#gradient #3d #border

Canlı incele Anahtarlar

Dots / Stripes

Patterned track morphs from polka dots to stripes.

#gradient #transform #shadow

Canlı incele Anahtarlar

Download / Upload

Down arrow flips to an up arrow for transfer direction.

#transform #shadow

Canlı incele Anahtarlar

Draft / Published

Pencil draft rolls into a published newspaper.

#transform #shadow

Canlı incele Anahtarlar

Drag / Fling

Knob slides gently on drag and flings with overshoot on toggle.

#transform #shadow

Canlı incele Anahtarlar

Easy / Hard

Smooth path turns into a jagged difficult one.

#transform #shadow

Canlı incele Anahtarlar

Ebony Night

Pure ebony black night with starlight knob.

#gradient #transform #shadow