aboutsummaryrefslogtreecommitdiff
path: root/_posts/2018-09-28-multiple-css-background-images.md
blob: b90a89760c074331d38ecd5636be0780f13f7fdc (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
---
layout: post
title: "Using Multiple CSS Background Images"
date: 2018-09-28
---


It isn't something developers have a need to do very often, but you *can* set multiple background images on a single element.

Example:


    .element {
        background: url('image_path') center repeat, linear-gradient(transparent 0%, #000 100%) no-repeat;
    }


What can you do with this? It's only limited by your imagination, but I'm personally a fan of always using as few elements as possible when working on a project.