LibraryCSSÜcretsiz Saf CSS Efekt Kütüphanesi

#border CSS efektleri

"border" etiketiyle eşleşen 3.831 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.

Canlı incele Tooltips

Zig Zag

Tooltip that zigzags into view above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Zigzag Pattern Background

Tooltip with a zigzag background pattern.

#hover #gradient #transform

Canlı incele Tooltips

Zoom Blur Combo

Tooltip that combines zoom-in with a blur-to-focus transition.

#hover #transform #border

Canlı incele Tooltips

Zoom In Bottom

Tooltip zooms in from small to full size below the trigger.

#hover #transform #border

Canlı incele Tooltips

Zoom In Left

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

#hover #transform #border

Canlı incele Tooltips

Zoom In Right

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

#hover #transform #border

Canlı incele Tooltips

Zoom In Top

Tooltip zooms in from far away above the trigger.

#hover #transform #border

Canlı incele Tooltips

Zoom On Hover

Tooltip that zooms larger on hover above the trigger.

#hover #animation #transform

Canlı incele Tooltips

Zoom Out Bottom

Tooltip zooms out from oversized to normal below the trigger.

#hover #transform #border

Canlı incele Tooltips

Zoom Out Left

Tooltip zooms out from oversized to normal on the left.

#hover #transform #border

Canlı incele Tooltips

Zoom Out Right

Tooltip zooms out from oversized to normal on the right.

#hover #transform #border

Canlı incele Tooltips

Zoom Out Top

Tooltip zooms from tiny to full size above the trigger.

#hover #transform #border

Canlı incele Toggles

Acrylic Clear

Transparent acrylic knob with sharp glossy edges.

#gradient #transform #shadow

Canlı incele Toggles

Airplane Mode

Signal bars disappear and an airplane swoops in when airplane mode is on.

#border #transform #rotate

Canlı incele Toggles

Atom Spin

Electron orbits ignite around a nucleus.

#animation #transform #shadow

Canlı incele Toggles

Battery Charge Level

Battery fill bar collapses to a low red sliver when off, full green when on.

#border #transform #switch

Canlı incele Toggles

Binary 0 / 1

Terminal-style toggle highlighting the active digit in green monospace.

#border #transform #switch

Canlı incele Toggles

Bit Flip

Binary bit flips between 0 and 1 in monospace green.

#transform #shadow #border

Canlı incele Toggles

Black / White

Inverts from black-on-white to white-on-black.

#transform #shadow #border

Canlı incele Toggles

Bluetooth On / Off

Slide knob with a Bluetooth rune; a red slash cuts through it when disabled.

#border #transform #rotate

Canlı incele Toggles

Blur Filter Toggle

Text label behind the knob blurs out of focus when the filter is enabled.

#border #transform #filter

Canlı incele Toggles

Sun Brightness Rings

A dim sun ignites and casts two rotating dashed light rings when bright.

#shadow #border #transform

Canlı incele Toggles

Camera Shutter

Camera lens iris dilates open when the camera is enabled.

#gradient #border #transform

Canlı incele Toggles

Candy Stripe Toggle

Playful candy-colored toggle with a striped knob and bouncy spring.

#gradient #shadow #border

Canlı incele Toggles

Cassette Rewind

Cassette reels spin in reverse as the knob slides back.

#animation #gradient #transform

Canlı incele Toggles

Cat / Dog Morph

Knob slides between a cat face and a dog face with a soft pop morph.

#gradient #shadow #border

Canlı incele Toggles

Charge / Drain

Battery fills with charge or drains empty.

#transform #shadow #border

Canlı incele Toggles

Circle Expand Fill

A circle expands from the knob to fill the entire track when toggled.

#shadow #border #transform

Canlı incele Toggles

Color Burst Toggle

Toggling fires a radial color burst that ripples across the track.

#gradient #animation #shadow

Canlı incele Toggles

Day / Night Morph

Sky transitions from day to night with a sun morphing into a moon and stars.

#gradient #shadow #border

Canlı incele Toggles

Denim Wear

Worn denim texture with stitching detail across the track.

#gradient #transform #shadow

Canlı incele Toggles

Open / Closed Door

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

#gradient #3d #border

Canlı incele Toggles

Emoji Mood Toggle

Sad face morphs into a happy face as the knob slides across the track.

#gradient #shadow #border

Canlı incele Toggles

Eye Open / Closed

An eyelid slides down to close the eye when toggled off, with pupil shift.

#gradient #border #transform

Canlı incele Toggles

Fire / Ice Orb

Glowing orb slides across a dual-tone track, morphing from fire to ice.

#gradient #shadow #border

Canlı incele Toggles

Flashlight Beam

A flashlight body glows and a yellow beam shoots downward when turned on.

#gradient #shadow #border

Canlı incele Toggles

3D Flip Switch

Knob flips in 3D space revealing an ON/OFF face as it travels across.

#3d #shadow #border

Canlı incele Toggles

Follow / Unfollow Heart

A gray heart pulses red and scales up with a glow when you follow.

#shadow #border #transform

Canlı incele Toggles

Glass / Metal

Frosted glass knob turns to a brushed metal finish.

#gradient #transform #border

Canlı incele Toggles

Soft Glow Switch

Minimal toggle with a soft ambient glow that intensifies when enabled.

#glow #shadow #border

Canlı incele Toggles

Gradient Track Fill

Track fills with a sweeping gradient that follows the knob as it slides.

#gradient #shadow #border

Canlı incele Toggles

Grayscale Swatch

A rainbow color swatch desaturates to gray and shifts under the knob.

#gradient #border #transform

Canlı incele Toggles

Halo Ring

A radiant ring expands around the knob as it lights up the track.

#gradient #transform #shadow

Canlı incele Toggles

HUD Display

Futuristic HUD overlay lights up with targeting brackets.

#gradient #transform #shadow

Canlı incele Toggles

Hue Rotate Rainbow

Multi-hue rainbow track continuously hue-rotates while the knob is engaged.

#gradient #animation #shadow

Canlı incele Toggles

Invert Colors

Black/white track halves swap and the yin-yang knob flips to match.

#gradient #shadow #border

Canlı incele Toggles

Knot Tie

Rope knot tightens as the knob pulls across the track.

#gradient #transform #shadow

Canlı incele Toggles

Vintage Lever Pull

Retro industrial lever that pulls down to engage with a metallic finish.

#gradient #shadow #border

Canlı incele Toggles

Lightbulb On / Off

A lightbulb that flickers to life with a warm glow and radiating rays when toggled on.

#gradient #glass #shadow

Canlı incele Toggles

Liquid Wave Fill

Track fills with an animated wavy liquid that sloshes as the knob slides.

#animation #shadow #border

Canlı incele Toggles

Location Pin Pulse

Map pin turns red and emits an expanding ripple ring when sharing location.

#animation #border #transform

Canlı incele Toggles

Padlock Lock / Unlock

Padlock body changes color and the shackle swings open when unlocked.

#shadow #border #transform

Canlı incele Toggles

Magnetic Knob Toggle

Knob snaps across with a magnetic overshoot and attraction glow.

#gradient #shadow #border

Canlı incele Toggles

Microphone Live

Microphone glows red and emits pulsing sound waves when live.

#animation #border #transform

Canlı incele Toggles

Minimal Line Toggle

Ultra-minimal outline toggle where only the knob border and track line shift.

#border #transform #switch

Canlı incele Toggles

Speaker Mute / Unmute

Speaker sound waves pulse out when unmuted and a red slash appears when muted.

#border #transform #clip-path

Canlı incele Toggles

Neon Plasma Switch

Dark cyberpunk switch with a glowing neon knob and electric arc effect.

#gradient #glow #shadow

Canlı incele Toggles

Outline / Fill

Hollow outline knob fills in with solid color.

#transform #shadow #border

Canlı incele Toggles

Park / Drive

Gear shifter moves from P to D position.

#transform #shadow #border

Canlı incele Toggles

Pill Morph Toggle

Track morphs from pill to square corners and changes color when toggled.

#shadow #border #transform

Canlı incele Toggles

Planet Ring

Ringed planet knob orbits with its ring tilted in space.

#gradient #transform #shadow

Canlı incele Toggles

Play / Pause Button

Circular media button morphs a play triangle into two pause bars.

#border #switch

Canlı incele Toggles

Power Button Toggle

Circular power symbol that lights up with a pulsing ring when active.

#gradient #animation #shadow

Canlı incele Toggles

Quantum Spin

Particle-like knob spins on its axis while transitioning states.

#animation #gradient #transform

Canlı incele Toggles

Quiet / Noisy

Silent icon bursts into sound waves when noisy.

#animation #transform #shadow

Canlı incele Toggles

Sun / Rain Cloud

Sky flips between a shining sun and a gray cloud with falling raindrops.

#gradient #animation #shadow

Canlı incele Toggles

Retro Rocker Switch

Vintage panel rocker switch that tilts diagonally between ON and OFF positions.

#gradient #shadow #border

Canlı incele Toggles

Ripple Pond

Stone drops creating ripples across the still pond surface.

#animation #gradient #transform

Canlı incele Toggles

Ripple Wave

Concentric ripples emanate from the knob on toggle.

#animation #gradient #transform

Canlı incele Toggles

Roll / Halt

Wheel knob spins while rolling and stops dead when halted.

#animation #gradient #transform

Canlı incele Toggles

Sepia Vintage Photo

Colorful photo swatch warms to a brown sepia tone and shifts across the track.

#gradient #border #transform

Canlı incele Toggles

Shield Up

Energy shield activates with a protective glow barrier.

#gradient #transform #shadow

Canlı incele Toggles

Smooth iOS Slide

Classic iOS-style toggle with a smooth knob slide and color fade.

#shadow #border #transform

Canlı incele Toggles

Spring / Autumn Leaf

Track warms from green to orange while a leaf rotates color and direction.

#gradient #shadow #border

Canlı incele Toggles

Square Press Toggle

Square-edged industrial switch that physically depresses when activated.

#gradient #shadow #border

Canlı incele Toggles

Steampunk Valve

Brass steampunk valve wheel cranks open with steam release.

#animation #gradient #transform

Canlı incele Toggles

Sun / Moon Sky Slide

Orb crosses a gradient sky from blue day to indigo night, swapping its glow.

#gradient #shadow #border

Canlı incele Toggles

Terminal Prompt

Blinking cursor at a shell prompt toggles to a check output.

#animation #transform #shadow

Canlı incele Toggles

Thicken / Thin

Knob border thickens then thins on the amber track.

#transform #shadow #border

Canlı incele Toggles

Thin / Thick

Hairline border fattens into a thick outline.

#transform #border

Canlı incele Toggles

Traffic Light Toggle

A horizontal traffic light slider where the knob moves from red stop to green go.

#gradient #shadow #border

Canlı incele Toggles

True / False Boolean

Monospace T/F letters light up in red or green as the knob slides.

#border #transform #switch

Canlı incele Toggles

Volume Knob Bars

Knob slides across an equalizer-style track; bars gray out when muted.

#gradient #border #transform

Canlı incele Toggles

Wave / Ripple

Knob sends out concentric ripple waves.

#animation #transform #shadow

Canlı incele Toggles

WiFi On / Off

Three concentric WiFi arcs fade when the connection is disabled.

#border #transform #dots

Canlı incele Toggles

Yes / No Switch

Green YES and red NO labels flank a sliding knob that changes color.

#gradient #border #transform

Popüler etiketler

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