🔄 مجموعة أدوات واحدة،
لكل مهمة تصميم

مولد تحويلات CSS

تصور وقم بإنشاء تحويلات CSS — التدوير والتكبير والترجمة والانحراف مع معاينة تفاعلية مباشرة. انسخ خاصية التحويل الكاملة فورًا.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

🔄 مولد تحويلات CSS

دليل تحويل CSS

تعمل تحويلات CSS على تغيير موضع العناصر وحجمها واتجاهها دون التأثير على تدفق المستند. يمكن دمج التدوير والقياس والترجمة والانحراف في خاصية تحويل واحدة، كما أنها تتحرك بسلاسة باستخدام انتقالات CSS.

اسحب أشرطة التمرير لرؤية كل تحويل يتم تطبيقه في الوقت الفعلي. يُظهر المستطيل المتقطع الموضع الأصلي بينما تُظهر البطاقة الصلبة النتيجة المحولة. انسخ قيمة التحويل الكاملة عندما تكون راضيًا.

Pro Tips

Frequently Asked Questions

Q: ما هو الفرق بين الترجمة والموقف؟ تقوم مي
ما هو الفرق بين الترجمة والموقف؟ تقوم ميزة "الترجمة" بنقل العنصر بشكل مرئي دون تغيير تدفق التخطيط. يؤدي الموضع (أعلى/يسار) إلى إزالة العنصر من التدفق أو إزاحة الأشقاء. يتم أيضًا تسريع الترجمة بواسطة GPU وأسرع في الرسوم المتحركة.
Q: هل يؤثر التحويل على التخطيط؟ لا. تحتفظ ا
هل يؤثر التحويل على التخطيط؟ لا. تحتفظ العناصر المحولة بمساحتها الأصلية في تدفق المستند، لذا فإن التداخل والتجاوز شائعان - استخدم الهوامش أو الحشو لحجز المساحة.
Q: هل يمكنني الجمع بين تحويلات متعددة؟ نعم،
هل يمكنني الجمع بين تحويلات متعددة؟ نعم، قم بإدراجها مفصولة بمسافات في خاصية واحدة: تحويل: ترجمة X(10px) تدوير(45deg) مقياس(1.2); يتم تطبيقها من اليمين إلى اليسار في نظام الإحداثيات.
Q: لماذا يكون العنصر الذي تم تدويره ضبابيًا
لماذا يكون العنصر الذي تم تدويره ضبابيًا؟ تؤدي التدويرات بزوايا غير 90 درجة إلى ظهور تأثيرات مضادة للتعرجات. إضافة مقياس صغير (1.001) أو استخدام will-change: يمكن أن يساعد التحويل في بعض المتصفحات.
Q: هل يعمل التحويل مع الرسوم المتحركة؟ نعم،
هل يعمل التحويل مع الرسوم المتحركة؟ نعم، يعد التحويل أحد أرخص الخصائص للتحريك. يمكنك الاقتران مع @keyframes أو الانتقالات — حيث تجعل عملية التركيب باستخدام وحدة معالجة الرسومات (GPU) الأمر سلسًا حتى على الهاتف المحمول.

ألوان الفن الإسلامي

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

لازوردي #26619C

لون حجر اللازورد المستخدم في الزخارف والمخطوطات

فيروزي #40D0C0

لون القيشاني الفارسي وقباب المساجد

زمردي #50C878

أخضر الزمرد في الزخارف النباتية

ذهبي #D4AF37

ذهب التذهيب في المخطوطات والقباب

نيلي #4B0082

صبغة النيلة التقليدية في المنسوجات

قرمزي #DC143C

الأحمر القاني في السجاد الشرقي

عاجي #FFFFF0

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

كحلي #000080

الأزرق الداكن في الأزياء التقليدية

بنفسجي #800080

لون أزهار البنفسج في الحدائق الأندلسية

رملي #C2B280

لون رمال الصحراء والعمارة الطينية

Q: ما هي ألوان الزخرفة الإسلامية؟
ما هي ألوان الزخرفة الإسلامية؟ تعتمد الزخرفة الإسلامية على اللازوردي والفيروزي والذهبي بشكل أساسي، مستوحاة من أحجار كريمة كاللازورد والفيروز، وتظهر في الفسيفساء والقيشاني والمخطوطات المذهبة.
Q: ما هو اللون اللازوردي؟ اللازور
ما هو اللون اللازوردي؟ اللازوردي (#26619C) هو أزرق مستمد من حجر اللازورد الأفغاني، استخدم في تلوين المخطوطات والزخارف الإسلامية لقرون، وكان من أغلى الأصباغ في التاريخ.