في هذا الثريد البسيط بشرح لكم كيف نعمل نيومورفزم (neumorphism) بطريقة جدا سهلة بإستخدام الـCSS و HTML
بالبداية نعمل ملف HTML جديد زي الصورة وانا مبسطه قدر المستطاع عشان ما نتشتت, يحتوي على ديف كبير داخله 3 ديفات صغار
وما ننسى نربط ملف الـcss
المربعات الي بيكون عليها التاثير لها كلاس : mydiv
والحاوي لها اسمه : wrapper
تقدرون تغيرون اسمائها زي ما تبون المهم نستمر على الاسم
وما ننسى نربط ملف الـcss
المربعات الي بيكون عليها التاثير لها كلاس : mydiv
والحاوي لها اسمه : wrapper
تقدرون تغيرون اسمائها زي ما تبون المهم نستمر على الاسم
نجي عند ملف الـcss الي ربطناه ونجمل الصفحة بخلفية تناسب الستايل
برضو اعطيت البودي حجم الصفحة بالضبط
برضو اعطيت البودي حجم الصفحة بالضبط
الحاوي (wrapper) بيكون على كامل الصفحة وبيسنتر المحتويات الي داخله بالشكل زي الصورة
انسخ الكود الي يطلع لك والصقه في mydiv زي كذا
اضف خصائص عشان تجمل المحتوى داخل المربعات وسنتر لها واشطه, كذا انت سويت صفحة نيوموفزم زي الفله بعدد سطور بسيطه من الكود
ابدعو بعدها بانكم تخلونها تتغير اذا حركت الماوس عليها (hover) وتضيفون تاثيرات والوان ومتاكد ان نتائجكم بتكون احلى,
شاركنا النتيجة بعد ما تخلص لا تنسى👏...
بالتوفيق
شاركنا النتيجة بعد ما تخلص لا تنسى👏...
بالتوفيق
جاري تحميل الاقتراحات...