انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #12 من درس: الصور في لغة CSS

CSS Flip an Image صور عكسية في لغة CSS

سوف تتعلم في هذا الدرس كيفية التحكم في الصور الموجودة بداخل صفحة الويب باستخدام عدة خواص مختلفة مثل (height , width , margin , borders , opacity ) في لغة CSS.

1 صفوف تعليمية
لغة CSS
22,733 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

في لغة CSS يمكن تغيير إتجاه الصورة عن طريق خاصية flip يمكن أن تتغير عن طريق الزوايا 90 درجة أو أقل أو أكثر.

move mouse

قم بتحريك الماوس على الصورة سوف يتغير اتجاه الصورة.

جرّب بنفسك

CSS Flip an Image

HTML 
img:hover
{
  transform: scaleX(-1);
}
جرّب بنفسك

جميع فقرات هذا الدرس (الصور في لغة CSS)