الخطوات العملية:
- حدد العنصر الذي تريد تحويله.
- اختر نوع التحويل المطلوب:
- التحويل: الدوران
- التحويل: التكبير
- التحويل: الترجمة
- التحويل: الميل
- حدد قيم التحويل.
- قم بتطبيق التحويل على العنصر.
المفاهيم الرئيسية:
- التحويل: الدوران: يدور العنصر حول نقطة محددة.
- التحويل: التكبير: يغير حجم العنصر.
- التحويل: الترجمة: يحرك العنصر في اتجاهين محددين (أفقي ورأسيا).
- التحويل: الميل: يميل العنصر بزاوية محددة.
مثال CSS باستخدام التحويلات:
تحويل الدوران:
transform: rotate(30deg);
تحويل التكبير:
transform: scale(1.5);
تحويل الترجمة:
transform: translate(10px, 20px);