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

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


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