Canlı incele Forms
#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 Forms
Active Filled State Input
Input that highlights when it has content using :not(:placeholder-shown).
Canlı incele Forms
Disabled State Input
Input in disabled state with greyed out styling and not-allowed cursor.
Canlı incele Forms
Error State Input
Input showing error state with red border, glow and message.
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Loading Spinner Input
Input with loading spinner indicating async validation.
Canlı incele Forms
Readonly State Input
Readonly input with distinct styling that shows content cannot change.
Canlı incele Forms
Success State Input
Input showing success state with green border and checkmark icon.
Canlı incele Forms
Warning State Input
Input showing warning state with amber border and alert icon.
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Brutalist Hard Edge Input
Brutalist design with hard borders, monospace and offset shadow.
Canlı incele Forms
Canlı incele Forms
Dark Theme Input
Dark themed input with gradient background and indigo glow on focus.
Canlı incele Forms
Elevated Card Input
Input wrapped in an elevated card that lifts higher on focus.
Canlı incele Forms
Canlı incele Forms
Dark Glassmorphism Input
Frosted dark glass input with backdrop blur and gradient sheen.
Canlı incele Forms
Light Glassmorphism Input
Light frosted glass input with soft white glow on focus.
Canlı incele Forms
Animated Gradient Border Input
Input with animated rotating gradient border around it.
Canlı incele Forms
Canlı incele Forms
Minimal Underline Input
Ultra minimal input with only a bottom underline that grows on focus.
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Paper Texture Input
Vintage paper styled input with warm tones and serif font.
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Skeuomorphic 3D Input
Realistic 3D input with pressed-in appearance and bevels.
Canlı incele Forms
Vaporwave Gradient Input
Vaporwave aesthetic with pink-purple gradient and retro grid.
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Canlı incele Forms
Valid Message Input
Input that shows a green success message below when valid.
Canlı incele Forms
Canlı incele Forms
Success State Input
Input with full success state — green border, check, and label color.
Canlı incele Forms
Canlı incele Hover
Aperture Iris Close
A dark circular iris contracts over the panel like a camera aperture closing on hover.
Canlı incele Hover
Canlı incele Hover
Blinds Roll Up
Horizontal venetian blind slats roll up one-by-one to reveal content on hover.
Canlı incele Hover
Canlı incele Hover
Canlı incele Hover
Canlı incele Hover
Canlı incele Hover
Canlı incele Hover
Canlı incele Hover
Canlı incele Hover
Canlı incele Hover
Canlı incele Hover
Canlı incele Hover
Canlı incele Hover
Canlı incele Hover
Canlı incele Hover
Canlı incele Hover
Color Invert Pill
Pill swaps its background and text colors instantly on hover.
Canlı incele Hover
Canlı incele Hover
Canlı incele Hover
Corner Border Draw
Four accent corner brackets draw inward on hover, framing the content.