التصميم والألوان

إنشاء تحويل CSS

إنشاء تحويل CSS — اختر الأبعاد أو الألوان وراجع الكود أو النتيجة. تبقى مدخلات الأداة على جهازك. دون حساب.

دون حساب

جارٍ تحميل الأداة…

طريقة الاستخدام

  1. 1أدخل القيم واختر الخيارات.
  2. 2شغّل الأداة وراجع النتيجة.
  3. 3انسخ النتيجة أو غيّر المدخلات للمقارنة.

معلومات مفيدة

تحقق من النطاقات والوحدات. تعتمد النتائج على مدخلاتك ومتصفحك.

قد تعالج الإعلانات بيانات الاتصال. يتبع التخصيص خيارات خصوصيتك. الخصوصية (الإنجليزية)

مثال محسوب للمدخلات والمخرجات

هذه نتائج المحرك الفعلي بالقيم التجريبية أدناه، دون مدخلاتك الشخصية أو عملك المحفوظ. حمّل المثال في الأداة لمراجعة المدخلات نفسها.

مدخل تجريبي

الحقلالقيمة
الإزاحة الأفقية (px)
0
الإزاحة الرأسية (px)
0
الدوران (°)
15
المقياس
1

نتيجة المثال

transform: translate(0px, 0px) rotate(15deg) scale(1);
شروط الإدخال

هذه حدود التحقق الفعلية، ولا تضمن أن كل قيمة مقبولة واقعية أو مناسبة لحالتك.

  • الإزاحة الأفقية (px): النطاق المقبول: ‎-200 ≤ x ≤ 200
  • الإزاحة الرأسية (px): النطاق المقبول: ‎-200 ≤ x ≤ 200
  • الدوران (°): النطاق المقبول: ‎-360 ≤ x ≤ 360
  • المقياس: النطاق المقبول: 0.1 ≤ x ≤ 5

أدوات ذات صلة

كل الأدوات