Canlı incele Akordeonlar
Rivet Downloads Accordion
Build groups punch open a format list where each row shows its extension and weight.
#clip-path CSS efektleri
"clip-path" etiketiyle eşleşen 71 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.
Canlı incele Onay Kutuları
Hourglass Checkbox
The glass rotates half a turn and the sand settles into the lower bulb.
Canlı incele İlerleme
Origami Cusp Progress
Eight paper facets alternate their crease direction and the five set folds carry the colour.
Canlı incele Avatarlar
Gear Crown Leader Avatar
A clipped crown sways above the leader avatar and a rank pill hangs beneath it.
Canlı incele Avatarlar
Meadow Notched Corner Avatar
A square corner is clipped out of the avatar so a plan chip nests perfectly inside.
Canlı incele Avatarlar
Rivet Achievement Star Avatar
A clipped star medal twinkles at the corner and a small counter reports earned awards.
Canlı incele Onay Kutuları
Scanline Checkbox
A bright scan line sweeps down the box and leaves solid colour behind it.
Canlı incele Yükleyiciler
Hexagon Spinner
A hexagon outlined with a rotating rainbow conic gradient.
Canlı incele Yükleyiciler
Spinning Top
A diamond-shaped top spinning fast while wobbling off-axis.
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
Wisp Sparkle Slider
Four point sparkles twinkle out of turn around a violet rail set on a deep night plate.
Canlı incele Metin
Outline Draw
A bright outline draws across the text from left to right and resets.
Canlı incele Metin
Mask Reveal Text
Color slides in from left to reveal the text with a clip-path mask wipe.
Canlı incele Metin
Slice Reveal
A colored copy of the text splits into top and bottom halves sliding apart.
Canlı incele Akordeonlar
Conduit Privacy Accordion
Privacy rows pair an explanation fold with a switch, and the required one stays locked.
Canlı incele Akordeonlar
Flint Triangle Accordion
A clipped triangle marker pivots downward when its section takes the focus.
Canlı incele Akordeonlar
Forge Lessons Accordion
Course chapters list their lessons with a play wedge, runtime and a watched state.
Canlı incele Akordeonlar
Glacier Icons Accordion
Opening a section uncovers a four cell grid of small geometric icon tiles.
Canlı incele Akordeonlar
Mica Grid Accordion
Grid template rows grow from zero while a mica flake glints beside the label.
Canlı incele Akordeonlar
Pylon Tasks Accordion
Project phases fold open onto tick boxes that strike their own task line through.
Canlı incele Akordeonlar
Quartz Clip Accordion
The panel is wiped open from the left edge with an animated clip path.
Canlı incele Akordeonlar
Wander Bauhaus Accordion
Primary colour circle, square and triangle mark rows that grow from zero.
Canlı incele Uyarılar
Obsidian Clip Alert
A clip path notch cuts the top right corner and a diagonal accent lights the seam.
Canlı incele Avatarlar
Kiln Folded Corner Member Panel
A wide member panel with a clipped folded corner, a divider and a shift counter.
Canlı incele Avatarlar
Obsidian Medal Frame Avatar
Two laurel arcs orbit the portrait above a clipped award ribbon tail.
Canlı incele Avatarlar
Onyx Hexagon Avatar
A clip-path hexagon frame wraps a smaller hexagon holding the initials.
Canlı incele Avatarlar
Shaft Split Disc Duo Avatar
One disc is cut into two clipped halves so a shared project reads as a single mark.
Canlı incele Avatarlar
Tundra Pentagon Frame Avatar
A pentagon frame sways slowly around a second pentagon holding the initials.
Canlı incele Avatarlar
Verge Circle In Square Mask
A circular clip inside a square plate widens on hover until it fills the corners.
Canlı incele Rozetler
Tier Gem Badge
A faceted hexagonal gem cut with clip-path, sparkling on a slow loop.
Canlı incele Onay Kutuları
Brush Stroke Checkbox
A rough paint stroke sweeps across the tile with ragged edges left behind.
Canlı incele Onay Kutuları
Faceted Crystal Checkbox
A cut gemstone made of clipped facets catches the light when selected.
Canlı incele Onay Kutuları
Gem Shape Fill
A CSS-cut gem shape that fills with an emerald gradient and flips when checked.
Canlı incele Onay Kutuları
Origami Fold Checkbox
Two triangular flaps fold in from opposite corners and meet in the middle.
Canlı incele Onay Kutuları
Zipper Checkbox
A zipper pull travels along the track and closes the teeth behind it.
Canlı incele Modallar
Cusp Sizing Modal
A halftone size guide opens through a clip aperture that widens from the centre without stretching its text.
Canlı incele Modallar
Flint Spotlight Modal
A circular iris opens across the dialog while a spotlight gradient lights the scene.
Canlı incele Modallar
Monsoon Release Modal
Release notes are uncovered by a curtain wiping downward while drizzle drifts over the header.
Canlı incele Modallar
Pylon Expired Modal
A session timeout notice is revealed by a slanted edge sweeping across the panel.
Canlı incele Modallar
Reef Video Modal
A player frame opens outward like a pair of curtains around a play badge and scrub bar.
Canlı incele Modallar
Tide Language Modal
A locale chooser wipes open sideways over radio rows that mark the language in use.
Canlı incele Modallar
Turbine Link Modal
Link sharing settings appear as two shutters part outward from the horizontal centre line.
Canlı incele Navigasyon
Chevron Breadcrumbs
Arrow-shaped crumbs interlock with clip-path and the trail brightens on hover.
Canlı incele İlerleme
Carmine Zenith Progress
A triangle fills from its base toward the apex with a dashed rule pinned at the reached level.
Canlı incele İlerleme
Lumen Gleam Progress
A lamp throws a volumetric beam whose reach is the value, ending in a flickering lens flare.
Canlı incele İlerleme
Mosaic Orbit Progress
A hexagonal cell fills from its base instead of a circle while a small hex satellite orbits it.
Canlı incele İlerleme
Ochre Wander Progress
Sand runs out of a funnel in a thin stream and the grains wander down onto a growing heap.
Canlı incele İlerleme
Ratchet Segments Progress
Seven chamfered LED segments climb a green to red ramp with five of them currently driven.
Canlı incele İlerleme
Ruby Drop Progress
A download row with a bobbing arrow glyph, a transferred size read out and a ruby fill.
Canlı incele İlerleme
Tether Ruler Progress
An engraved calibration ruler with minor and major graduations under a dropped cursor.
Canlı incele İlerleme
Tundra Glass Progress
An hourglass built from two clipped triangles where the upper chamber drains as the lower one packs.
Canlı incele İlerleme
Turbine Charge Progress
An upright cell whose electrolyte keeps climbing behind a bolt glyph while it charges.
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
Gear Ratio Selector
A toothed rail carries a hex-nut handle across eight final-drive ratios listed underneath.
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
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
Wander Deco Slider
Gold hairlines rule a lacquered black plate with a faceted lozenge riding the gilt rail.
Canlı incele Sekmeler
Lull Origami Tabs
Folded paper facets where the panel drops open on a crease along its top edge.
Canlı incele Sekmeler
Sway Terminal Tabs
A green phosphor console whose output drops open like a curtain behind the scanlines.
Canlı incele Sekmeler
Wisp Vellum Tabs
Translucent vellum sheets stacked in layers, each one wiped open from the left.
Canlı incele Tablolar
Glide Flight Board
A departure board where a small jet glides along the dotted route drawn between two airports.
Canlı incele Tablolar
Verge Grade Shields
Letter grades sit inside clipped shield badges that cool down as the score nears the pass line.
Canlı incele Metin
Glitch RGB Split
Cyberpunk text glitching with red and cyan RGB-split layers.
Canlı incele Metin
Split Color Hover
Text splits horizontally — top half dark, bottom half colored — and swaps on hover.
Canlı incele Zaman Çizelgeleri
Delta Hiring Pipeline
Hexagonal stage badges carry the funnel from applied down to a single offer.
Canlı incele Zaman Çizelgeleri
Fjord Release History
Version tags with a notched left edge hang under every release headline.
Canlı incele Zaman Çizelgeleri
Jade Roadmap Timeline
Three jade chevrons interlock into a roadmap strip labelled by quarter.
Canlı incele Zaman Çizelgeleri
Pulse Vows Timeline
A clipped heartbeat silhouette beats above three milestones of one relationship.
Canlı incele Zaman Çizelgeleri
Vault Diploma Timeline
Certificates line up behind embossed wax seals and the one still pending loses its colour.
Canlı incele Zaman Çizelgeleri
Zenith Ascent Timeline
Growth milestones climb a slope towards the summit where the final marker keeps flaring.
Canlı incele Anahtarlar
Speaker Mute / Unmute
Speaker sound waves pulse out when unmuted and a red slash appears when muted.