CSS Explanations

تعرف على خاصي رائعة تمكنك من عمل خلفية رائعة لصفحتك إسمها repeating-linear-gradient تمكنك من عمل تدرج ألوان مكرر.

نقوم أولا بكتابة HTML:
سنقوم بعمل div لإعطائه الخلفية و سنعطيعه كلاس بإسم grad.

HTML:

<div class="grad"></div>

والآن سنعطيع بعض التنسيقات و نستعمل الخاصية repeating-linear-gradient

CSS:

.grad {
    width: 100%;
    height: 100px;
    background: repeating-linear-gradient(
        -45deg,
        #fff 0px,
        #fff 10px,
        #f45 10px,
        #f45 20px
    );
}

ستكون النتيجة هكذا: