حقل إدخال بملصق عائم (Floating Label) بالـ CSS! 🏷️

اجعل نماذجك (Forms) تبدو عصرية واحترافية باستخدام تقنية الملصق العائم (Floating Label). العنوان يرتفع لأعلى بمجرد بدء المستخدم بالكتابة!

💻 الكود المستخدم:
input:focus + label {
top: -20px;
font-size: 14px;
color: accent-color;
}

استخدم position: absolute للملصق وtransition للحركة السلسة.

اشترك في قناة Abd El Rahman Tech لمزيد من نصائح تصميم الواجهات.

#FloatingLabel #CSSForms #WebDesign #Frontend #UI_UX #برمجة #تصميم #AbdElRahmanTech #explore #shorts

Видео حقل إدخال بملصق عائم (Floating Label) بالـ CSS! 🏷️ канала Abd El Rahman Tech