Circle Animated Progress

Circle Animated Progress

نوصي بكورس تعلم أساسيات البرمجة من أكاديمية Codezilla من هنا
لحجز إستضافة من Hostinger والحصول على الخصم عن طريقي إتبع الشرح من هنا

من جوجل

مقدمة عن التحدي

عمل Circle Progress متحرك بواسطة ال SVG

المطلوب

  • عمل نفس الالوان
  • أستعمل أي نسب تريدها

التحديات

  • يجب رسم الشكل كاملا بال SVG
  • يجب تلوين كل شيء في الشكل بال SVG
  • يجب تنسيق النص من ناحية اللون والمكان بال SVG فقط
  • كل ما يخص ال Animation يتم عمله بواسطة CSS فقط

الشكل المطلوب عمله

من جوجل

0 تعليقات


    اترك تعليقاً