From 54a6c713357babf0c252c2a564896d50a577f546 Mon Sep 17 00:00:00 2001 From: Settel Date: Fri, 11 Oct 2024 12:40:38 +0200 Subject: [PATCH] feat: add description text --- animate/index.html | 8 ++++++-- include/index.html | 9 ++++++--- repeat/index.html | 5 ++++- zoom/index.html | 1 + 4 files changed, 17 insertions(+), 6 deletions(-) diff --git a/animate/index.html b/animate/index.html index 8584428..d630279 100644 --- a/animate/index.html +++ b/animate/index.html @@ -7,7 +7,9 @@ -
+
+

If you include the SVG inline, you can access it's elements using regular + CSS styling techniques. This animation is purely done with CSS. No Javascript.

-
+ +

If you include the SVG inline, you can access it's elements using regular + CSS styling techniques. This animation is purely done with CSS. No Javascript.

\ No newline at end of file diff --git a/include/index.html b/include/index.html index d918679..73d18d9 100644 --- a/include/index.html +++ b/include/index.html @@ -8,14 +8,17 @@
+

Include as <img>

- -
- + + + +

Include as <object>

+

Include as inline

+

SVG as background image with background-repeat.

+

Of course, you can do the same with PNG, JPEGs but with SVG it's + way easier to create images that fit when repeated.

- \ No newline at end of file + diff --git a/zoom/index.html b/zoom/index.html index 49406dd..61a21ac 100644 --- a/zoom/index.html +++ b/zoom/index.html @@ -9,6 +9,7 @@
+

same SVG file (67kB), zoomed to different sizes without loss of quality.