انتقل إلى محتوى الدرس

CSS Image Reflection إنعكاس الصور في لغة CSS

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

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

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

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

عن طريق خاصية box-reflect لأنعكاس الصورة في لغة CSS وإنعكاس الصورة يعني أن تتكرر الصورة مرة ثانية والتحكم في تكررارها بطريقة مختلفة وهو ان تظهر الصورة ولها ظل.


قيم خاصية box-reflect في لغة CSS:

  • below
  • above
  • left
  • right

CSS Image Reflection

إنعكاس الصور في لغة CSS.

HTML
img
{
  -webkit-box-reflect: right 0px linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4));
}