Canlı incele Kaydırıcılar
Anvil Type Size
A live specimen line grows from small to display size the moment the control is engaged.
#slider CSS efektleri
"slider" etiketiyle eşleşen 100 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.
Canlı incele Kaydırıcılar
Cove Circular Frame
A round instrument bezel with a slowly turning dashed ring around the inner rail.
Canlı incele Kaydırıcılar
Valve Thermostat Lever
A raked steel cursor rides a recessed slot between an eco stop and a boost stop, under a lit readout.
Canlı incele Kaydırıcılar
Amber Glow Slider
A dim ember rail runs beneath a knob that breathes its own pulsing amber halo.
Canlı incele Kaydırıcılar
Arc Memphis Slider
Confetti dots, a tilted label chip and a beam of bars frame a candy coloured control.
Canlı incele Kaydırıcılar
Basalt Square Slider
Hard-cut square handle on a heavy basalt bar with no rounded corners.
Canlı incele Kaydırıcılar
Bloom Vapor Slider
A striped sunset disc rises behind chrome lettering while a neon grid runs to the horizon.
Canlı incele Kaydırıcılar
Caliper Brake Bias
A vented brake-disc rail with a red centre detent and a clamp-shaped handle splitting bias.
Canlı incele Kaydırıcılar
Chassis Steering Feel
A CSS steering wheel turns as the pointer arrives while the rail sets lock-to-lock travel.
Canlı incele Kaydırıcılar
Dynamo Decibel Meter
A segmented LED ladder runs green to red above a rail scaled in decibels down to silence.
Canlı incele Kaydırıcılar
Aurora Equalizer Bank
Five vertical faders stand side by side over an aurora-tinted channel bank.
Canlı incele Kaydırıcılar
Bearing Detent Percent
Four notches cut the rail into quarter stops and a polished ball bearing snaps between them.
Canlı incele Kaydırıcılar
Brass Groove Slider
A deep machined groove holds a polished brass bead between end caps.
Canlı incele Kaydırıcılar
Canyon RGB Channels
Three stacked channel rails mix a colour the way a canyon wall layers its bands.
Canlı incele Kaydırıcılar
Cascade Contrast Slider
A high contrast build with black on white shapes and a thick yellow focus outline.
Canlı incele Kaydırıcılar
Chalk Dashed Slider
A dashed chalk line stands in for the rail under a soft powdery handle.
Canlı incele Kaydırıcılar
Circuit Mixer Strip
A single mixing-desk channel strip with a name plate, gain scale and grooved fader cap.
Canlı incele Kaydırıcılar
Cobalt Focus Slider
Keyboard focus expands a cobalt halo around the handle instead of a flat outline.
Canlı incele Kaydırıcılar
Coil Mono Slider
Pure black and pure white only: the filled span is wound with a tight diagonal coil.
Canlı incele Kaydırıcılar
Conduit Fuel Gauge
A fuel rail whose green fill buries the red reserve band as the tank climbs, with a range estimate above.
Canlı incele Kaydırıcılar
Copper Diamond Slider
A tilted copper lozenge glides on a thin wire and opens up when hovered.
Canlı incele Kaydırıcılar
Coral Press Slider
Holding the handle squashes it into the rail and the whole card sinks with it.
Canlı incele Kaydırıcılar
Cusp Split Slider
The card, the rail and even the handle are cut in half between a cool and a warm side.
Canlı incele Kaydırıcılar
Dash Paper Slider
Kraft cardboard with a fibre grain, a strip of masking tape and a stamped dashed frame.
Canlı incele Kaydırıcılar
Delta Balance Slider
A stereo balance control whose rail fades outward from a centre detent mark.
Canlı incele Kaydırıcılar
Drift Leak Slider
A warm film light leak keeps sweeping over the panel in screen blend while the knob glows.
Canlı incele Kaydırıcılar
Dune Curve Slider
Layered shading bows a perfectly flat rail into what reads as a rounded dune crest.
Canlı incele Kaydırıcılar
Echo Board Slider
Solder mask green with silkscreen text, a gold trace rail and four through hole pads.
Canlı incele Kaydırıcılar
Ember Spark Slider
The handle carries a spark glyph drawn from background bars and flickers as it burns.
Canlı incele Kaydırıcılar
Fjord Zoom Control
A zoom rail flanked by minus and plus glyphs drawn purely from background bars.
Canlı incele Kaydırıcılar
Flange Pressure Lever
A conic gauge face reads the regulator while the rail marks its own red zone near the top.
Canlı incele Kaydırıcılar
Flint Triangle Slider
A clipped flint arrowhead points down at the rail like a ruler marker.
Canlı incele Kaydırıcılar
Flux Holo Slider
An iridescent film keeps drifting through the rail and the sample strip above it.
Canlı incele Kaydırıcılar
Forge Log Scale
Evenly spaced decades give a logarithmic frequency feel under a glowing ember readout.
Canlı incele Kaydırıcılar
Frost Track Slider
A hairline icy rail carries a glowing round knob that swells under the pointer.
Canlı incele Kaydırıcılar
Garnet Scale Slider
A numbered measuring scale sits above a slim rail marked by a glowing garnet blade.
Canlı incele Kaydırıcılar
Gasket Opacity Checker
A checkerboard bed shows through a plate whose alpha keeps breathing up and back down.
Canlı incele Kaydırıcılar
Gear Ratio Selector
A toothed rail carries a hex-nut handle across eight final-drive ratios listed underneath.
Canlı incele Kaydırıcılar
Girder Quality Tier
An I-beam rail with a bolted block handle steps between three labelled render tiers.
Canlı incele Kaydırıcılar
Glacier Speed Control
Playback speed between a single slow bar and a stack of accelerating speed lines.
Canlı incele Kaydırıcılar
Gleam Zigzag Slider
Saw toothed yellow teeth form the rail while a diagonal gleam wipes across the panel.
Canlı incele Kaydırıcılar
Glide Glass Slider
A frosted plate floats over a blurred colour orb and carries a translucent rail across it.
Canlı incele Kaydırıcılar
Granite Ticks Slider
Five discrete stops backed by a datalist, with tick marks drawn under the rail.
Canlı incele Kaydırıcılar
Halo Border Slider
The card border and the knob ring are both painted by the same four stop gradient.
Canlı incele Kaydırıcılar
Harbor Budget Slider
A budget picker with a large currency readout above and hard limits printed below.
Canlı incele Kaydırıcılar
Hush Wire Slider
Everything is one pixel wide: the frame, the rail, the tick comb and the open ring handle.
Canlı incele Kaydırıcılar
Ivory Minimal Slider
One hairline rule, one tiny ivory dot and a monospaced readout — nothing else.
Canlı incele Kaydırıcılar
Jade Vertical Fader
A vertical mixing fader built with writing-mode, filling upward from the bottom.
Canlı incele Kaydırıcılar
Kiln Thermometer Tube
A glass column with a glowing bulb below it stands in for the handle of a kiln thermometer.
Canlı incele Kaydırıcılar
Kindle Trail Slider
A single ember keeps running along a dotted fuse line that sits under the thin amber rail.
Canlı incele Kaydırıcılar
Lagoon Paired Sliders
Two colour coded controls sit shoulder to shoulder in one card, split by a thin divider.
Canlı incele Kaydırıcılar
Lapis Brightness Slider
A brightness rail brightening from night blue to daylight between two markers.
Canlı incele Kaydırıcılar
Lattice Line Height
Ruled baseline guides sit behind a paragraph whose leading opens up while focus is inside.
Canlı incele Kaydırıcılar
Lever Loop Range
A bar waveform sits above a raked lever that picks how many bars the loop repeats for.
Canlı incele Kaydırıcılar
Lull Halftone Slider
A print style dot screen fills the open rail and fades out across the plate above it.
Canlı incele Kaydırıcılar
Marble Ring Slider
A hollow marble ring floats over a shallow channel and shows the rail through it.
Canlı incele Kaydırıcılar
Meadow Star Rating
A five-step rating rail whose amber fill stops exactly where the lit stars above run out.
Canlı incele Kaydırıcılar
Mesa Endcap Slider
A small block and a large block bookend the rail to signal the minimum and maximum.
Canlı incele Kaydırıcılar
Mica Dotted Slider
A row of mica flecks forms the rail while a glass lens slides over them.
Canlı incele Kaydırıcılar
Monsoon Notched Grip
Three cut notches score the grip while slanted rain streaks drift across the rail.
Canlı incele Kaydırıcılar
Nickel Industrial Slider
A heavy knurled nickel grip sits in a bevelled channel like a workshop control.
Canlı incele Kaydırıcılar
Oasis Saturation Slider
A washed-out swatch strip floods back to full colour while the control is engaged.
Canlı incele Kaydırıcılar
Obsidian Dual Range
Two stacked inputs share one rail so a min and a max handle bracket a span.
Canlı incele Kaydırıcılar
Onyx Accent Slider
The native control kept intact and recoloured with a single accent-color line.
Canlı incele Kaydırıcılar
Opal Bubble Slider
A pointed value bubble lifts above the rail whenever the control is touched.
Canlı incele Kaydırıcılar
Orbit Neumorph Slider
A pale putty panel where a moon knob rides a pressed groove that fills in behind it.
Canlı incele Kaydırıcılar
Pearl Volume Slider
A speaker glyph drawn in CSS sits beside the rail with a numeric readout.
Canlı incele Kaydırıcılar
Piston Amp Panel
A gold amplifier faceplate with an engraved gain legend sitting above a woven speaker grille.
Canlı incele Kaydırıcılar
Prairie Zone Slider
The rail is banded into low, mid and high zones with a matching legend underneath.
Canlı incele Kaydırıcılar
Pulse Brutal Slider
Raw brutalist panel with a four pixel ink frame, hard offset shadow and a flashing status tag.
Canlı incele Kaydırıcılar
Pylon Shadow Depth
A standing block casts a shadow that keeps stretching and pulling back over its floor.
Canlı incele Kaydırıcılar
Quartz Gradient Slider
A prismatic quartz rail runs the full spectrum under a bezelled white knob.
Canlı incele Kaydırıcılar
Quiver Wave Slider
The rail is a chain of alternating arcs forming a sine wave that keeps drifting sideways.
Canlı incele Kaydırıcılar
Ratchet Shift Selector
A machined gate slot with six detented positions and a weighted shift-knob handle.
Canlı incele Kaydırıcılar
Reef Neomorphic Slider
A soft-UI control where the channel is pressed inward and the knob swells outward.
Canlı incele Kaydırıcılar
Ridge Year Picker
A year selector stepping one year at a time above a ruled decade scale.
Canlı incele Kaydırıcılar
Ripple Sketch Slider
A notebook doodle: wobbly ink border, a double pencil stroke rail and a hand drawn blob handle.
Canlı incele Kaydırıcılar
Rivet Corner Radius
A riveted steel plate rounds all the way from a hard square into a full circle on hover.
Canlı incele Kaydırıcılar
Ruby Heat Slider
A thermostat rail shifting from cold cyan to ruby heat with a scale beneath.
Canlı incele Kaydırıcılar
Savanna Locked State
An enabled rail above a locked twin that drains its colour and dims its own label.
Canlı incele Kaydırıcılar
Shaft Minute Timer
A ticking CSS clock face sits beside a rail that dials the countdown in five minute steps.
Canlı incele Kaydırıcılar
Slate Pill Slider
A thick slate capsule rail where a violet fill tracks the pale pill handle.
Canlı incele Kaydırıcılar
Socket Mute Volume
A checkbox mute key greys the whole rail out and swaps the readout for a muted badge.
Canlı incele Kaydırıcılar
Spindle Axis Joystick
A crosshair gate pad reports the stick position while the rail trims the horizontal axis.
Canlı incele Kaydırıcılar
Spiral Mist Slider
Two blurred conic clouds breathe behind the rail and leave a soft aura around the knob.
Canlı incele Kaydırıcılar
Summit Brushed Rail
Fine vertical striations give the rail and the flat handle a brushed steel finish.
Canlı incele Kaydırıcılar
Sway Zen Slider
Washi paper, one vermilion stroke and a single ink hairline with a lone red disc on it.
Canlı incele Kaydırıcılar
Tether Trim Axis
A signed ruler runs from minus one hundred to plus one hundred with a bright zero detent.
Canlı incele Kaydırıcılar
Thicket Header Slider
A tidy header line pins the field name left and its live value chip hard right.
Canlı incele Kaydırıcılar
Tide Micro Slider
A compact inline chip barely taller than its label, sized for dense toolbars.
Canlı incele Kaydırıcılar
Topaz Steps Slider
The rail is cut into five lit segments so every step lands on a visible block.
Canlı incele Kaydırıcılar
Tundra Blur Preview
A frosted preview plate that sharpens the moment focus lands inside the control.
Canlı incele Kaydırıcılar
Turbine Throttle Pair
A spinning hub sits beside stacked rails whose colour-coded handles trim top speed and acceleration.
Canlı incele Kaydırıcılar
Valley Pastel Slider
A plum card carrying a mint to blush fill that follows a warm cream handle.
Canlı incele Kaydırıcılar
Vault Pixel Slider
An eight bit console panel with a stepped pixel frame, blocky rail cells and a blinking caret.
Canlı incele Kaydırıcılar
Verge Toon Slider
Fat ink outlines, flat candy fills and a speech bubble tag give a comic panel feel.