Abo Askar designs and builds websites like this one — cinematic heroes, landing pages and scroll-driven motion, hand-written in HTML, CSS and JavaScript with no frameworks and no page builders. This page, Cards, is experience 11 of 14 in his showcase.
أبو عسكر يصمم ويبرمج مواقع مثل هذي — هيرو سينمائي، صفحات هبوط، وحركات مقودة بالسكرول، مكتوبة بيده بـ HTML و CSS و JavaScript بدون أي إطار عمل أو منشئ صفحات. هذي الصفحة، بطاقات، هي التجربة رقم 11 من ١٤ في معرضه.
What this page demonstratesوش تعرضه هذي الصفحة
- Each card is five stacked layers, giving it real physical thicknessكل بطاقة خمس طبقات متراكبة تمنحها سماكة فيزيائية حقيقية
- A cylinder carousel with a magnetic dwell as each card faces frontكاروسيل أسطواني مع توقّف مغناطيسي عند مواجهة كل بطاقة
- Front and back faces: video, metal chip, magnetic stripe and card detailsوجه أمامي وخلفي: فيديو وشريحة معدنية وشريط مغناطيسي وبيانات
- Mouse tilt with inertia damping, plus wheel and drag controlميلان مع المؤشر بتخميد قصور ذاتي، وتحكّم بالعجلة والسحب
Built with hand-written HTML, CSS and JavaScript. No frameworks, no libraries, no templates.مبنية بـ HTML و CSS و JavaScript مكتوبة يدوياً. بدون أطر عمل، بدون مكتبات، بدون قوالب.
Want the prompt that built this page? It is on sale in the store, together with a step-by-step guide to building it with AI.
تبغى البرومت اللي انبنت فيه هذي الصفحة؟ موجود في المتجر، ومعه دليل خطوة بخطوة لبنائه بالذكاء الاصطناعي.