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

CSS Polaroid Images - Cards صور البطاقات بلغة CSS

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

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

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

الصف 1 شرح توضيحي
يمكن عمل صندوق متكامل به عنوان ووصف وصورة يسمي cards صندوق البطاقة يمكن أن يُعرض لداخلة بيانات مُنتج أو بيانات شخصية أو معلومات عن السيارات الخ.

CSS Polaroid Images - Cards

صور البطاقات بلغة CSS.

HTML 
.polaroid
{
  width: 80%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
}
جرّب بنفسك

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