Circle Animated Progress
Circle Animated Progress
إنضم لكورسات الأكاديمية وإستفيد من الخصم الخاص في البداية
من هنا
نوصي بكورس تعلم أساسيات البرمجة من أكاديمية Codezilla
من هنا
إحترف التسويق وإدارة الأعمال مع الدبلومة الإحترافية وإحصل على خصم عن طريقنا
من هنا
لحجز إستضافة من Hostinger والحصول على الخصم عن طريقي
إتبع الشرح
من هنا
من جوجل
مقدمة عن التحدي
عمل Circle Progress متحرك بواسطة ال SVG
المطلوب
- عمل نفس الالوان
- أستعمل أي نسب تريدها
التحديات
- يجب رسم الشكل كاملا بال SVG
- يجب تلوين كل شيء في الشكل بال SVG
- يجب تنسيق النص من ناحية اللون والمكان بال SVG فقط
- كل ما يخص ال Animation يتم عمله بواسطة CSS فقط
الشكل المطلوب عمله
السابق Canvas Smiley Face
التالي صفحة كاملة بأكثر من Sidebar
0 تعليقات