Canlı incele İpuçları
Slide Diagonal Bottom-Left
Tooltip slides in from the bottom-left corner of the trigger.
#border CSS efektleri
"border" etiketiyle eşleşen 3.995 ü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ı
Canlı incele İpuçları
Spotlight Radial
Tooltip with a radial spotlight gradient highlighting its center.
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Tada Success
Success tooltip celebrates with a tada animation above the trigger.
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele İpuçları
Canlı incele Zaman Çizelgeleri
Flange Merge Timeline
A side branch flanges out of the trunk and curves straight back into the next release.
Canlı incele Zaman Çizelgeleri
Marble Metro Timeline
A thick marble line threads three station rings the way a subway route map does.
Canlı incele Anahtarlar
Open / Closed Door
Wooden door swings open on a hinge with a 3D perspective rotation.
Canlı incele Anahtarlar
Emoji Mood Toggle
Sad face morphs into a happy face as the knob slides across the track.
Canlı incele Anahtarlar
Eye Open / Closed
An eyelid slides down to close the eye when toggled off, with pupil shift.
Canlı incele Anahtarlar
Canlı incele Anahtarlar
Halo Ring
A radiant ring expands around the knob as it lights up the track.
Canlı incele Anahtarlar
Has-Selector Settings Toggle
Switching on expands an extra options panel below it, using :has() and grid rows.
Canlı incele Anahtarlar
Vintage Lever Pull
Retro industrial lever that pulls down to engage with a metallic finish.
Canlı incele Anahtarlar
Microphone Live
Microphone glows red and emits pulsing sound waves when live.
Canlı incele Anahtarlar
Minimal Line Toggle
Ultra-minimal outline toggle where only the knob border and track line shift.
Canlı incele Anahtarlar
Canlı incele Anahtarlar
Retro Rocker Switch
Vintage panel rocker switch that tilts diagonally between ON and OFF positions.
Canlı incele Anahtarlar
Canlı incele Anahtarlar
Canlı incele Anahtarlar
Smooth iOS Slide
Classic iOS-style toggle with a smooth knob slide and color fade.
Canlı incele Anahtarlar
Squish Knob Toggle
The knob flattens against the track mid-travel and rounds out again on arrival.
Canlı incele Anahtarlar
Sun / Moon Sky Slide
Orb crosses a gradient sky from blue day to indigo night, swapping its glow.
Canlı incele Anahtarlar
Traffic Light Toggle
A horizontal traffic light slider where the knob moves from red stop to green go.
Canlı incele Akordeonlar
Amber Edge Accordion
A resin coloured rail down the left edge stretches to full height when open.
Canlı incele Akordeonlar
Brass Ledger Accordion
Numbered ledger rows where the brass index chip fills as the note unrolls.
Canlı incele Akordeonlar
Canyon Tree Accordion
A file tree feel where nested folders indent behind their own guide lines.
Canlı incele Akordeonlar
Garnet Steps Accordion
Numbered steps joined by a connector line, with only one step expanded.
Canlı incele Akordeonlar
Harbor Plans Accordion
Priced plan rows compare at a glance and unfold their feature list on pick.
Canlı incele Akordeonlar
Jade Nested Accordion
A group folds open to reveal smaller accordions nested one level deeper.
Canlı incele Akordeonlar
Oasis Legend Accordion
Colour coded category groups where the open group borrows its own hue.
Canlı incele Akordeonlar
Slate Stack Accordion
A radio group keeps one slab open and the body grows with grid template rows.
Canlı incele Akordeonlar
Summit Thick Accordion
The open section thickens its outline while the padding shrinks to absorb it.
Canlı incele Akordeonlar
Tundra Quote Accordion
Every row folds out a bordered pull quote with its source line underneath.
Canlı incele Uyarılar
Tundra Frame Alert
A one pixel gradient frame circles the card while its colours rotate around the edge.
Canlı incele Avatarlar
Frost Double Ring Avatar
Two concentric rings hold the initials and the outer halo widens on hover.
Canlı incele Avatarlar
Tide Thin Thick Ring Swap
A hairline ring and a heavy ring trade their weights when the avatar is hovered.
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Action Download Badge
Download action badge with down-arrow glyph and indigo tone.
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Action Upload Badge
Upload action badge with up-arrow glyph and sky-blue tone.
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Arctic Aurora Badge
Aurora-borealis gradient badge with shifting green-violet haze.
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Canlı incele Rozetler
Brutalist Outline Badge
Brutalist badge with transparent body and thick outline.
Canlı incele Rozetler
Canlı incele Rozetler
Brutalist Yellow Badge
Brutalist yellow badge with thick border and offset shadow.
Canlı incele Rozetler
Candy Cupcake Badge
Cupcake badge with frosting-pink swirl and gold sprinkles.
Canlı incele Rozetler
Canlı incele Rozetler