aboutsummaryrefslogtreecommitdiff
path: root/posts/multiple-css-background-images.md
diff options
context:
space:
mode:
authorBradley Taunt <bt@btxx.org>2024-07-02 14:28:49 -0400
committerBradley Taunt <bt@btxx.org>2024-07-02 14:28:49 -0400
commitdc6db80fa72286704849ef61ee0e5ccb5841cb09 (patch)
tree9235d796229d49211c27a07b9d18585d503baa94 /posts/multiple-css-background-images.md
parent088c87bcb58be576308da503d4f11a68843c5013 (diff)
Conversion to barf for testing purposes
Diffstat (limited to 'posts/multiple-css-background-images.md')
-rw-r--r--posts/multiple-css-background-images.md15
1 files changed, 15 insertions, 0 deletions
diff --git a/posts/multiple-css-background-images.md b/posts/multiple-css-background-images.md
new file mode 100644
index 0000000..1fd0180
--- /dev/null
+++ b/posts/multiple-css-background-images.md
@@ -0,0 +1,15 @@
+# Using Multiple CSS Background Images
+
+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.