aboutsummaryrefslogtreecommitdiff
path: root/_posts/2018-09-28-multiple-css-background-images.md
diff options
context:
space:
mode:
authorBradley Taunt <bt@btxx.org>2024-05-25 16:14:03 -0400
committerBradley Taunt <bt@btxx.org>2024-05-25 16:16:54 -0400
commite417a818e207a6cca6e2f3c471611673ab836a62 (patch)
tree664686a365c3d1e73349b5a667fa892f46445fef /_posts/2018-09-28-multiple-css-background-images.md
Initial commit for Jekyll testing and conversion, updated
Diffstat (limited to '_posts/2018-09-28-multiple-css-background-images.md')
-rw-r--r--_posts/2018-09-28-multiple-css-background-images.md18
1 files changed, 18 insertions, 0 deletions
diff --git a/_posts/2018-09-28-multiple-css-background-images.md b/_posts/2018-09-28-multiple-css-background-images.md
new file mode 100644
index 0000000..b90a897
--- /dev/null
+++ b/_posts/2018-09-28-multiple-css-background-images.md
@@ -0,0 +1,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.