Toolipedia- مجاني
- بلا تسجيل
- يعمل على أي جهاز
لا توجد أداة تطابق بحثك.
- مجاني
- بلا تسجيل
- يعمل على أي جهاز
أنشئ رمز QR لرابط أو شبكة Wi-Fi أو WhatsApp أو جهة اتصال والمزيد، أو اقرأ رمزًا من صورة.
- مجاني
- بلا تسجيل
- يعمل على أي جهاز
املأ التفاصيل لترى رمز QR الخاص بك.
صيغة PNG للهواتف والمحادثات والمواقع. أما SVG وPDF فتبقيان واضحتين بأي حجم، وهما الأفضل للطباعة. نصيحة: وجّه كاميرا هاتفك إلى المعاينة لتجربته.
3. التنسيق (اختياري): الألوان والنقاط والشعار
اختر صورة أو لقطة شاشة أو اسحبه إلى هنا
يعمل مع صور الرموز المطبوعة ولقطات الشاشة وملفات الصور.
جارٍ البحث عن رموز QR…
مولد حركات CSS
ارتداد وتلاشٍ واهتزاز وانزلاق والمزيد كـ @keyframes، جاهزة للنسخ.
- مجاني
- بلا تسجيل
- يعمل على أي جهاز
حول مولد حركات CSS
اختر تأثيرًا جاهزًا مثل الارتداد أو التلاشي أو الاهتزاز أو النبض أو الانزلاق، واضبط المدة والتأخير، وانسخ قاعدة @keyframes مع خاصية animation. التزم بـ transform وopacity كلما أمكن، لأن المتصفحات تحرّكهما بسلاسة دون إعادة حساب تخطيط الصفحة.
طريقة استخدام مولد حركات CSS
- اختر تأثيرًا مثل القفز أو التلاشي أو الاهتزاز أو الانزلاق.
- حدّد المدة والتأخير، ثم راقب المعاينة.
- انسخ keyframes وخاصية animation إلى CSS الخاص بك.
لماذا تستخدم هذه الأداة؟
- خصوصية تامة: كل شيء يتم في متصفحك. لا يُرفع أي شيء تُدخله.
- مجانية، بلا تسجيل وبلا علامة مائية وبلا حد لعدد مرات الاستخدام.
- تعمل على الهواتف والأجهزة اللوحية والحواسيب: Android وiPhone وWindows وMac وLinux. لا حاجة إلى تثبيت أي شيء.
- مجانية التضمين في موقعك، مع شيفرة جاهزة للنسخ.
- متوفرة بـ 10 لغة.
تُعرف أيضًا باسم
الأسئلة الشائعة
كيف أجعل حركة CSS تتكرر إلى الأبد؟
اضبط animation-iteration-count على infinite، أو استخدم infinite في الصيغة المختصرة animation. وأضف دالة توقيت مثل ease-in-out ليبدو التكرار طبيعيًا.
كيف أشغّل الحركة مرة واحدة فقط؟
اضبط عدد التكرارات على 1 بدل infinite. أضف fill-mode forwards إذا أردت أن يبقى العنصر في حالته النهائية بعد ذلك.
كيف أستخدم الحركة على عنصري؟
الصق keyframes في ورقة أنماطك، ثم أضف خاصية animation إلى فئة العنصر الذي تريد تحريكه.
هل مولد حركات CSS مجانية؟
نعم. استخدام مولد حركات CSS على Toolipedia مجاني، بلا تسجيل وبلا علامة مائية.
هل استخدامها آمن؟
نعم. تتم كل العمليات الحسابية في متصفحك، ولا يُرسَل أي شيء تُدخله إلى خادمنا.
هل تعمل على هاتفي؟
نعم. تعمل في أي متصفح حديث على Android وiPhone، وكذلك على الأجهزة اللوحية والحواسيب. لا حاجة إلى تثبيت أي شيء.
هل أحتاج إلى حساب؟
لا. افتح الصفحة واستخدم الأداة فحسب. لا تسجيل ولا حاجة إلى بريد إلكتروني.
هل يمكنني وضع مولد حركات CSS في موقعي؟
نعم. استخدم زر «ضمّن الأداة في موقعك» أسفل الأداة لنسخ مقطع قصير من الشيفرة ولصقه في صفحتك. الخدمة مجانية، ولا تحتاج إلى حساب، وتبقى الأداة تعمل داخل صفحتك.