From 9f87bdf525b228ca4ffc2d262631672546f2dc77 Mon Sep 17 00:00:00 2001 From: Settel Date: Fri, 11 Oct 2024 09:36:03 +0200 Subject: [PATCH] feat: SVG repeat background --- repeat/girlande-300x50.svg | 321 ++++++++++++++++++++++++++++++++++++ repeat/girlande-600x100.svg | 321 ++++++++++++++++++++++++++++++++++++ repeat/index.html | 16 ++ repeat/style.css | 25 +++ 4 files changed, 683 insertions(+) create mode 100644 repeat/girlande-300x50.svg create mode 100644 repeat/girlande-600x100.svg create mode 100644 repeat/index.html create mode 100644 repeat/style.css diff --git a/repeat/girlande-300x50.svg b/repeat/girlande-300x50.svg new file mode 100644 index 0000000..9a2bf7f --- /dev/null +++ b/repeat/girlande-300x50.svg @@ -0,0 +1,321 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/repeat/girlande-600x100.svg b/repeat/girlande-600x100.svg new file mode 100644 index 0000000..f4aa622 --- /dev/null +++ b/repeat/girlande-600x100.svg @@ -0,0 +1,321 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/repeat/index.html b/repeat/index.html new file mode 100644 index 0000000..2936c5c --- /dev/null +++ b/repeat/index.html @@ -0,0 +1,16 @@ + + + + + SVG repeat + + + + +
+
+
+
+
+ + \ No newline at end of file diff --git a/repeat/style.css b/repeat/style.css new file mode 100644 index 0000000..85db13f --- /dev/null +++ b/repeat/style.css @@ -0,0 +1,25 @@ +html, +body { + margin: 0; + padding: 0; +} + +.spacer { + width: 0; + height: 2rem; +} + +.girlande { + width: 100%; + background-repeat: repeat-x; +} + +.girlande--300x50 { + height: 50px; + background-image: url(girlande-300x50.svg); +} + +.girlande--600x100 { + height: 100px; + background-image: url(girlande-600x100.svg); +}