يمكنك مذاكرة الدرس و حل الاختبار من هنا من هنا |
https://nouvil.net/css-play-ground/css-2d-transform-playground/
-----------------------------------


للتواصل معي :
instagram |
https://www.instagram.com/abdelrahman_noufal/
-----------------------------------
facebook |
https://www.facebook.com/abdelrahman.g.nofal
-----------------------------------
جروب الفيسبوك الخاص بنا |
https://www.facebook.com/groups/1810581845642171
-----------------------------------

خصائص Translate و Scale و Rotate هي خصائص جديدة تم إضافتها إلى خاصية Transform في CSS، وتتيح للمطورين تخصيص التحويلات الثلاثية الأبعاد للعناصر في صفحات الويب. تسمح كل خاصية من هذه الخصائص بتعديل الشكل والحجم والموقع والاتجاه للعنصر بطريقة محددة، مما يساعد على تحسين تجربة المستخدم وجعل تصميم الصفحة أكثر جاذبية واحترافية.

خاصية Translate تتيح للمطورين تحريك العناصر في اتجاه محدد على محور X و Y و Z، مما يساعد على تحريك العناصر بشكل ثلاثي الأبعاد داخل الصفحة. يمكن استخدام هذه الخاصية لتحريك العناصر إلى الأمام والخلف واليمين واليسار والأعلى والأسفل.

خاصية Scale تتيح للمطورين تغيير حجم العناصر داخل الصفحة، سواء كان ذلك تكبيرها أو تصغيرها، ويمكن تطبيق هذه الخاصية بشكل مستقل على المحور X و Y و Z.

خاصية Rotate تتيح للمطورين تدوير العناصر حول محور محدد، ويمكن تطبيق هذه الخاصية بشكل مستقل على المحور X و Y و Z، مما يتيح تحويل العناصر بزوايا مختلفة وجعلها تظهر بشكل أكثر ديناميكية واحترافية.

باستخدام خصائص Translate و Scale و Rotate، يمكن للمطورين تحسين تجربة المستخدم وتحسين تصميم صفحات الويب بشكل كبير. يمكن استخدام هذه الخصائص لتحريك العناصر وتغيير حجمها وتدويرها بشكل جذاب ومبتكر، مما يساعد على جعل التصميم أكثر ديناميكية وجاذبية للمستخدم. يجب على المطورين الاستفادة القصوى من هذه الخصائص الجديدة لتحسين تصميم صفحاتهم وجعلها أكثر احترافية وجاذبية للمستخدم.