CSS is an important language that we can use for tasks like basic document text styling, animation, and web development. There are many different CSS properties that we can use to manipulate and customize our web pages. CSS background is one of those properties. We can use the CSS background property to set our background colors, images, sizes, and much more. Today, we’re going to discuss this useful CSS property and explore all of the different things we can do with it.

DOWNLOAD IMAGE


 .footer-widgets {
    background-image: url(../img/polygon.png);
    background-repeat: no-repeat;
    background-position: right;
    background-attachment: fixed;
    position: relative;
}


.footer-widgets::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.8);
}