Canlı incele Kartlar
Statistics Card
Dashboard stat card with a big number, trend arrow and an animated mini sparkline.
#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.
#border etiketli efektler
Canlı incele Kartlar
KPI Stat Card
KPI stat card with a big number, trend arrow, and a comparison vs last period.
Canlı incele Kartlar
Sticky Note
Yellow sticky note with tape on top, a checklist and a curled bottom corner.
Canlı incele Kartlar
Canlı incele Kartlar
Teacher Profile Bio Card
Teacher bio card with avatar, name, subject, and contact info.
Canlı incele Kartlar
Canlı incele Kartlar
Canlı incele Kartlar
Tourist Trolley Card
Tourist trolley card with vintage look, route, and stops.
Canlı incele Kartlar
Train Pass Card
Train pass card with a route diagram, class badge, and a seat assignment.
Canlı incele Kartlar
Canlı incele Kartlar
Canlı incele Kartlar
VHS Tape Card
VHS tape card with a window reveal, side label, and retro 80s aesthetic.
Canlı incele Kartlar
VIP Lanyard
VIP lanyard badge hanging from a strap with a gold VIP tag and QR-like patch.
Canlı incele Kartlar
Canlı incele Kartlar
Wallet Balance Card
Digital wallet card with stacked card glyphs, balance, and a top-up button.
Canlı incele Kartlar
Warning Banner Card
Warning banner card with a triangle icon, amber stripe, and an action link.
Canlı incele Kartlar
Water Cycle Card
Water cycle card with evaporation, condensation, and precipitation.
Canlı incele Kartlar
Wax Seal Card
Card featuring a prominent red wax seal with an embossed monogram.
Canlı incele Kartlar
Wedding Invitation
Wedding invitation card with floral corner, script names, and ceremony details.
Canlı incele Kartlar
Wine Cellar Bottle Card
Wine cellar bottle card with vintage, region, rating, and storage position.
Canlı incele Kartlar
Canlı incele Kartlar
Canlı incele Kartlar
Workout Split Day Card
Weekly workout split showing day focus and exercise list.
Canlı incele Kartlar
Canlı incele Onay Kutuları
Canlı incele Onay Kutuları
Canlı incele Onay Kutuları
Canlı incele Onay Kutuları
Aurora Glow Toggle
A box that glows with shifting aurora gradients when checked.
Canlı incele Onay Kutuları
Bounce Spring Checkmark
A checkmark that pops in with a springy bounce when the checkbox is toggled on.
Canlı incele Onay Kutuları
Bounce Pop Checkbox
The whole control squashes and springs back the moment the state changes.
Canlı incele Onay Kutuları
Bubble Pop Checkbox
A soap bubble swells past its limit, bursts, and leaves the tick in its place.
Canlı incele Onay Kutuları
Circuit Trace Checkbox
Current runs along an SVG circuit path and lights the pad at the far end.
Canlı incele Onay Kutuları
Color Sweep Check
A diagonal color sweep wipes across the checkbox leaving the checkmark behind when checked.
Canlı incele Onay Kutuları
Constellation Connect
Stars connect with lines to form a constellation when checked.
Canlı incele Onay Kutuları
Cosmic Ray Beam
A high-energy cosmic ray beam shoots through the box when checked.
Canlı incele Onay Kutuları
Drawn Path Checkbox
An SVG tick draws itself stroke by stroke using a dash offset transition.
Canlı incele Onay Kutuları
Canlı incele Onay Kutuları
Fold Flip Checkbox
The box rotates on its X axis and lands on a green face carrying the tick.
Canlı incele Onay Kutuları
Frosted Glass Checkbox
The blur lifts off a frosted pane and the mark behind it comes into focus.
Canlı incele Onay Kutuları
Glassmorphism Rose
A frosted glass effect with rose tint and checkmark when checked.
Canlı incele Onay Kutuları
Has-Selector Select All
The parent row reads its children through :has() and reports partial or full.
Canlı incele Onay Kutuları
Jasper Spotted Stone
A red jasper stone with speckled pattern appears when checked.
Canlı incele Onay Kutuları
Lever Pull Checkbox
A mechanical lever swings from the off notch down into the on notch.
Canlı incele Onay Kutuları
Minimal Line Check
A clean, borderless minimal check whose mark fades in softly when toggled on.
Canlı incele Onay Kutuları
Canlı incele Onay Kutuları
Scanline Checkbox
A bright scan line sweeps down the box and leaves solid colour behind it.
Canlı incele Onay Kutuları
Canlı incele Formlar
Canlı incele Formlar
Glowing Background Input
Background glows brightly on focus, color seeping outward.
Canlı incele Formlar
Gradient Background Input
Input with an animated gradient background that shifts on focus.
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Action Button Dropdown
Primary action button with dropdown menu of secondary actions.
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Blur Floating Label
Label starts blurred then sharpens as it lifts to the top.
Canlı incele Formlar
Curve Floating Label
Label arcs upward in a curved path using transform-origin trick.
Canlı incele Formlar
Canlı incele Formlar
Emerald Accent Floating Label
Calm emerald-themed floating label for signup forms.
Canlı incele Formlar
Canlı incele Formlar
Floating Label Slide Up
Classic floating label that slides up when the input is focused or filled.
Canlı incele Formlar
Violet Accent Floating Label
Violet-themed floating label input with soft glow.
Canlı incele Formlar
Canlı incele Formlar
Color Changing Icon Input
Input whose icon cycles through colors on focus.
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Search Input with Clear Button
Search input that shows a clear (×) button when typed.
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Shake Radio
Radio options shake briefly when selected for tactile feedback.
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Canlı incele Formlar
Success State Input
Input showing success state with green border and checkmark icon.
Canlı incele Formlar