Add linear gradient to background image - CSS | The Dev Tool | Toolel.com

The code below will add a background image to the body and a linear gradient on top of it.

body {
  background: linear-gradient(to bottom right, #ffcccc, #ff99cc), url('your-image-url.jpg') no-repeat center center/cover;
}

Linear gradient is linear-gradient(to bottom right, #ffcccc, #ff99cc)
Background image is url('your-image-url.jpg')

So this will add an image to the background and a linear gradient on top of it.

Created by: elvis

Comments

This page is only partially working without JavaScript. It will show content, but the tools and interactivity cannot be shown without JavaScript enabled. Please enable JavaScript for this page. About Us