علم سوفت
مؤسس المنتدي
 الدولة : 
 الهوايه : 
 المزاج : 
الجنس : 
عدد المساهمات : 2105
نقاط : 4340
السٌّمعَة : 4
تاريخ الميلاد : 05/08/1995
تاريخ التسجيل : 18/02/2015
العمر : 29
 | | موضوع: تصميم طائر بإستعمال svg الأربعاء مايو 20, 2015 8:43 am | |
|
السلام عليكم و رحمة الله و بركاته
درس اليوم هو تصميم طائر بإستعمال خاصية SVG
أولا لمن لا يعرف svg في HTML5 ليتفضل من هناSVG in HTML5
لنبدأ العملالمنهج المتبع هنا هنا تقسيم جسم الطائر إلى أجزاء (رأس، منقار، ساق، إلخ...)و سيتم تسمية كل جزء في الكوداتأيضا سنقوم بإستعمال خاصية <ploygon> التي يوفرها HTML5 أيضا سيكون متغير الألوان و هذا بإستعمال CSS3لن أقوم بوضع الكودات هنا لأنهم طويلين لذا سأرفق الكوداتفقط بعض التفاسير هنافي كودات CSS و less قمنا بتلوين كل جزء من الطائر بغض النظر عن المنطقةمن ثم قمنا بتلوين (fill) كل جزء منه بالألوان المناسبةأيضا لتحريك الألوان قمنا بإستعمال خاصية @keyframesإذا كان أي شيء غير مفهوم من الكود الرجاء الإستفسار و شكرااااو هذه النتيجة الأخيرة للعمل
CodePenالمصدرTunisian Developers Network
- أهلا بكم في منتداكم:- منتديات علم سوفت-:
- يمنع وضــع مواضيع بغير مكانها الصحيح .
- الرجاء قراءة قوانين المنتدي والقوانين الخاصة بالاقسام قبل الكتابة بها .
- -(( لو لم تلقى منى ما تريد))- * توجه هنــــــــــــــــــا.
- عدم ردي على أي موضوع لك لايعني أني لم أرغب بالرد عليك وإنما الوقت محدود بالنسبه لي لظروفي الشـــخـصـيــــــه والعمل وأعباء أخرى لايعلمها غير ربي .
لطلبات الدعم الفنى هنــــــــــــــــــــــا
| |
|
المنشورات