الرسم بإستخدام css من أفضل الطرق
لفهم عميق لخواص css المختلفة.
في هذا الثريد
طريقه رسم كره pokemon
بإستخدام Html and css
قراءة ممتعة 😇
🧵👇🏻
لفهم عميق لخواص css المختلفة.
في هذا الثريد
طريقه رسم كره pokemon
بإستخدام Html and css
قراءة ممتعة 😇
🧵👇🏻
في الصورة رقم 1
البنيه الاساسيه
ملاحظة
تم وضع لون الخلفيه بشكل مؤقت
👇🏻
البنيه الاساسيه
ملاحظة
تم وضع لون الخلفيه بشكل مؤقت
👇🏻
في الصورة رقم 2
تم حذف لون الخلفيه background-color
و إستخدام background-image
من أجل إستخدام
linear gradient
في الصورة رقم 3
نلاحظ كيف تم وضع القيم
👇🏻
تم حذف لون الخلفيه background-color
و إستخدام background-image
من أجل إستخدام
linear gradient
في الصورة رقم 3
نلاحظ كيف تم وضع القيم
👇🏻
في الصورة رقم 4
تم أضافه الظل shadow
نلاحظ أن الظل من الداخل
و هذا سبب إستخدام inset
👇🏻
تم أضافه الظل shadow
نلاحظ أن الظل من الداخل
و هذا سبب إستخدام inset
👇🏻
في الصورة رقم 5
إضافة الدائرة الداخلية (العنصر الإبن)
👇🏻
إضافة الدائرة الداخلية (العنصر الإبن)
👇🏻
في الصورة رقم 6
تم تغيير لون الخلفية في الإبن
و إستخدام الظل في عمل الحدود borders
👇🏻
تم تغيير لون الخلفية في الإبن
و إستخدام الظل في عمل الحدود borders
👇🏻
نلتقي في ثريد أخر 😇
إذا أعجبك الثريد لا تنسى تعمل
ريتويت عشان
يستفيد اكبر عدد من الناس 😊
تابع حسابي @naif4web
لجديد المقالات و النصائح
في مجال البرمجة و تصميم الواجهات Ui
إذا أعجبك الثريد لا تنسى تعمل
ريتويت عشان
يستفيد اكبر عدد من الناس 😊
تابع حسابي @naif4web
لجديد المقالات و النصائح
في مجال البرمجة و تصميم الواجهات Ui
جاري تحميل الاقتراحات...