Flexbox Froggy

تعلّم CSS flexbox بتوجيه الضفادع إلى أوراق الزنبق.

فتح في علامة تبويب جديدة

مشروع مفتوح المصدر "Flexbox Froggy" من إعداد Thomas Park (Codepip)، مستخدم بموجب ترخيص MIT. الشيفرة المصدرية

تعمل في متصفحك. لا يُرسل أي شيء تُدخله ولا يُخزَّن.

طريقة استخدام Flexbox Froggy

  1. اقرأ تعليمات المستوى.
  2. اكتب CSS في المحرر لتحريك الضفادع إلى أوراق الزنبق المطابقة.
  3. أنهِ كل المستويات الـ 24 لتتقن flexbox.

الأسئلة الشائعة

هل أحتاج إلى معرفة CSS؟

لا. كل مستوى يشرح الخاصية التي تحتاجها.

من صنعها؟

توماس بارك من Codepip، مفتوحة المصدر بموجب رخصة MIT.

هل Flexbox Froggy مجانية؟

نعم. Flexbox Froggy مجانية الاستخدام بلا تسجيل وبلا علامة مائية.

هل تُحفظ معلوماتي أو تُرسل إلى أي مكان؟

لا. يُحسب كل شيء في متصفحك. لا يُرسل أي شيء تُدخله إلى خادم ولا يُخزَّن.

هل تعمل على هاتفي؟

نعم. تعمل في أي متصفح حديث على Windows وMac وLinux وAndroid وiPhone. قد تكون الملفات الكبيرة جدًا بطيئة على الهواتف القديمة.

المزيد من أدوات الألعاب

عرض الكل
لعبة سباق ثلاثية الأبعادسباق سيارات ثلاثي الأبعاد بفيزياء حقيقية. HexGL سباق المستقبلسباق مستقبلي ثلاثي الأبعاد مضاد للجاذبية. Cuberun لعبة تفادي ثلاثية الأبعادتفادي المكعبات في عالم نيون. المكعب السحري ثلاثي الأبعادمكعب ألغاز ثلاثي الأبعاد، من 2×2 إلى 10×10. Server Survivalدفاع الأبراج بهندسة السحابة. لعبة الذاكرةاعثر على الأزواج المتطابقة.