Core Code
Core Code Modern Dev Handbook

Gradient Background

CSS gradients can be used as backgrounds.

Preview

Code

<style>
.box{
width:200px;
height:120px;
background:linear-gradient(45deg,#2563eb,#22c55e);
}
</style>

<div class="box"></div>

More CSS Backgrounds Examples (8)

example Multiple Background Images open example example Background Size open example example Background Size Contain open example example Background Origin open example example Background Clip open example example Background Position open example example Background Attachment Fixed open example example Layered Background open example