في هذا الدرس 5تصفّح المواضيع
CSS 3D Transforms
تحويل العنصر إلي ثلاثي ابعاد في لغة CSS
CSS 3D Transforms تحويل العنصر إلي ثلاثي ابعاد في لغة CSS
تستخدم خاصية transform في تحويل العناصر إلي عناصر 3D ثلاثية الأبعاد يمكن استخدامها في عمل [rotate] [تدوير] في لغة CSS.
الدوال التي تستخدم مع خاصية transform لعمل 3D:
- ( )rotaxtex تتحكم في تدوير العنصر حول محور X الخاص به بدرجات محددة.
- ( )rotaxtey تتحكم في تدوير العنصر حول محور Y الخاص به بدرجات محددة.
- ( )rotateZ تحكم في تدوير العنصر حول محور Z بدرجات محددة.
CSS transform syntax
طريقة كتابة خاصية transform في لغة CSS.
transform:value;CSS transform values
قيم خاصة transform في لغة CSS.
transform:none|transform-functions|initial|inherit;
CSS transform none
خاصية transform مع القيمة none ف لغة CSS
CSS transform none خاصية transform مع القيمة none ف لغة CSS
تستخدم خاصية transform مع القيمة none ليبقي العنصر بوضعة الحالي بدون أي دوران في لغة CSS.
CSS transform none
خاصية transform مع القيمة none في لغة CSS.
CSS transform rotateX
خاصية transform مع القيمة rotateX ف لغة CSS
CSS transform rotateX خاصية transform مع القيمة rotateX ف لغة CSS
تستخدم خاصية transform مع القيمة rotateX للتحكم في تدوير العنصر حول محور X الخاص به بدرجات محددة في لغة CSS.
CSS transform rotateX
خاصية transform مع القيمة rotateX في لغة CSS.
CSS transform rotateY
خاصية transform مع القيمة rotateY ف لغة CSS
CSS transform rotateY خاصية transform مع القيمة rotateY ف لغة CSS
تستخدم خاصية transform مع القيمة rotateY للتحكم في تدوير العنصر حول محور Y الخاص به بدرجات محددة في لغة CSS.
CSS transform rotateY
خاصية transform مع القيمة rotateY في لغة CSS.
CSS transform rotateZ
خاصية transform مع القيمة rotateZ ف لغة CSS
CSS transform rotateZ خاصية transform مع القيمة rotateZ ف لغة CSS
تستخدم خاصية transform مع القيمة rotateY للتحكم في تدوير العنصر حول محور Y الخاص به بدرجات محددة في لغة CSS.
CSS transform rotateZ
خاصية transform مع القيمة rotateZ في لغة CSS.
سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات6
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 Transforms تحول
- للمراجعة
- 02 Transformation تحولات
- للمراجعة
- 03 Rotaxte-X تدوير أفقي
- للمراجعة
- 04 Rotaxte-Y تدوير عامودي
- للمراجعة
- 05 Rotate-Z تدوير حول المحور Z
- للمراجعة
- 06 Method طريقة
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات1
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 CSS CSS
- Cascading Style Sheets
- صفحات الأنماط الانسيابية
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.