CSS Explanations


عمل تدرج ألوان دائري بإستخدام خاصية بسيطة جدا


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

HTML:

<div class="rd"></div>

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

CSS:

.grad {
    width: 100%;
    height: 100px;
    background: radial-gradient(red, yellow)
}

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