CSS Background Attachment
تحريك وثبات صورة الخلفية في لغة CSS
ستتعلم في هذا الدرس التحكم في الخلفيات الصور في من حيث تحريكها ثباتها علي المتصفح عند قيام المستخدمين عمل Scroll لصفحة الويب لأعلي أو لأسفل عن طريق خاصية CSS background-attachment.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
CSS Background Attachment
تحريك وثبات صورة الخلفية في لغة CSS
</>
CSS Background Attachment
تحريك وثبات صورة الخلفية في لغة CSS
تستخدم خاصية background-attachment لعمل خلفيات ثابته أو خلفيات متحركة عند تحريك scroll الفأرة mouse لأعلي ولأسفل الصفحة.
قيم خاصية background-attachment:
- scroll وهي القيمة الأفتراضية وهي تحريك صورة الخلفية مع تحريك scroll, إذا كانت الصورة في مقدمة صفحة HTML سوف يتم إخفاءها عند عمل scroll إلي اسفل الصفحة.
- fixed وهي ثبات صورة الخلفية مع تحريك scroll وتظل الصورة في موضعهاً الأصلي مهما تم تحريك scroll.
قيم خاصية background-attachment
background-attachment: scroll|fixed|local|initial|inherit;
</>
CSS background-attachment scroll
قيمة scroll مع خاصية background-attachment في لغة CSS
الوضع الافتراضي للخلفية هو scroll يمكنك استخدام background-attachment مع القيمة scroll ليتم تحريك الخلفية مع scroll عدم ثبات الخلفية.
CSS background attachment scroll
يتم تحريك الخلفية مع تحريك scroll.
body
{
background-image:url('https://www.closetag.com/images/background.jpg');
background-repeat:no-repeat;
background-attachment: scroll;
}
</>
CSS background attachment fixed
قيمة fixed مع خاصية background-attachment في لغة CSS
تستخدم خاصية background-attachment مع القيمة fixed في لغة CSS لعمل خلفيات ثابتة عند القيام بتحريك scroll لأعلي ولأسفل لا تتحرك ثورة الخلفية وتكون في موضعها الحالي في صفحة الويب.
CSS background attachment fixed
تحريك صورة الخلفية عند تحريك scroll لأعلي ولأسفل.
body
{
background-image:url('https://www.closetag.com/images/background.jpg');
background-repeat:no-repeat;
background-attachment: fixed;
}
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
الدورات
لا يوجد
