بطاقة زجاجية

عن هذا العنصر

بطاقة واجهة بأسلوب الزجاج الضبابي (Glassmorphism) لعرض مؤشرات لوحة التشغيل: عدد المنتجات، العملاء، والإطلاقات. الخلفية داكنة مع توهج نيلي وبنفسجي، والبطاقة شبه شفافة بحدود فاتحة وضبابية عبر backdrop-filter.

الأرقام تتحرك من الصفر إلى القيمة النهائية بـ JavaScript خفيف وrequestAnimationFrame، بدون مكتبات خارجية. العنصر مناسب للوحات الإحصاءات، صفحات المنتجات، وعروض الهوية.

• زجاج ضبابي: شفافية، حد فاتح، وظل عميق.
• شبكة ثلاث أعمدة لمؤشرات سريعة القراءة.
• عداد متحرك يوضح الحالة الحية للوحة.

عدّل الأهداف في تبويب JS، أو غيّر الألوان في CSS، ثم انسخ الكود إلى واجهتك.