إنشاء المغازل أحادي العنصر والمحمل مع CSSPIN

يمكنك بناء بعض الأشياء المذهلة باستخدام CSS3 ، من حقول الإدخال المخصصة إلى هبوط قطرة و حتى رسومات فيكتور. هذه التقنيات هي تتفوق بسرعة جافا سكريبت, مما يسهل للمطورين صياغة تجارب أفضل للمستخدم.

واحدة من أصعب الأشياء لبناء هو تحميل الرسوم المتحركة الدوار لكن الرسوم المتحركة الحديثة CSS تجعل هذا الأمر بسيطًا جدًا.

لتوفير بناء الوقت من نقطة الصفر ، يمكنك استخدام مكتبة مثل CSSPIN مع طن من المغازل المخصصة مسبقا. كل هذه الرسوم المتحركة مجانية لاستنساخ المصادر المفتوحة بالكامل ، لذلك لديك الوصول الكامل لتحرير الرمز كما يحلو لك.

إعداد غزل مع هذه المكتبة هو نسيم. انت فقط انسخ مكتبة CSS في صفحتك ، ثم أضف عناصر HTML المخصصة أينما تريد أن تظهر لهم.

هذه المغازل المخصصة تستخدم فقط عنصر HTML واحد لخلق تأثير الرسوم المتحركة. هذا ضخم لأن الرسم وتأثير الحركة هو المقدمة بحتة من خلال فصول CSS.

وبما أنك تستطيع الوصول إلى الكود المصدري ، يمكنك ذلك استبدال الأشكال والألوان والأحجام وسرعات الرسوم المتحركة لتناسب مشاريعك بشكل أفضل.

فقط لاحظ الرمز لا تستخدم بناء جملة LESS, لذلك ستحتاج إلى أن تكون على دراية بهذه اللغة قبل المعالجة لإجراء أي تعديلات رئيسية.

ولكن ، يمكنك أن تجد الكثير من أمثلة CSS واضحة على الصفحة التجريبية الرئيسية ، جنبا إلى جنب مع تعليمات بسيطة على صفحة جيثب.

إذا كنت على دراية الآلية الوقائية الوطنية أو كوخ ريفي هؤلاء هم طرق بديلة لتثبيت المكتبة.

بغض النظر عن كيفية تثبيته ، فهذه مكتبة رائعة للرسوم المتحركة في CSS للتعامل معها. من المفترض أن يكون وحدات بالكامل مع مساحة كبيرة للمغازل الجديدة والرسوم المتحركة الجديدة والتخصيصات من المطورين الآخرين.

لمعرفة المزيد وتصفح جميع الوثائق ، راجع ريبو CSSPIN على جيثب. قدم الخالق أيضا صغيرة إعداد الفيديو يمكنك مشاهدة أدناه.