يوسف المطيري | مبرمج ويب
يوسف المطيري | مبرمج ويب

@yousef_almotiri

6 تغريدة 52 قراءة Mar 03, 2022
في هذه الثريد بشرح لكم طريقة
الشكل اللي في الصورة
اذا فهمتوا الطريقة راح تبدعون في افكار كثيره
في البداية نعمل دائره او اثنتين
كما في الكود التالي
كلها تنسيقات معروفه
الان نجي للشي المهم
كم اريد ان اضع خط داخل الدائرة
انا اريد وضع 12
اذا ساضيف 12 span
كما في الكود التالي
طبعا مثل ما لاحظتوا اني وضعت متغيرين داخل الكود
الاول i-- يبدا من 0 الى 11
وهو المهم
اما الاخر فهو خاص بارتفاع الـ span
وهذا كود ال css
طيب لكي تفهموا الطريقه
الدائرة محيطها 360 درجه
وانا اريد ان اضع 12 خط تمام مركزين معي
اقسم 360/12
الناتج 30
حلو الان بواسطة خاصية الـ rotate سيبتعد كل خط عن الاخر 30 درجه
كما في الكود التالي
وكما تلاحظون اني ضربت الـ 30 في المتغير الموجود داخل الـ span
وكما ذكرت سابقا ان قيمة المتغير تبدا من 0 الى 11
هذا يعني ان الـ span الاول لن يتحرك لان قيمته 0 اذا ضربناها في 30 الناتج صفر
اما الـ span الثاني قيمته 1 يعني ان دورانه سيكون 30درجه
وكذا البقيه

جاري تحميل الاقتراحات...