- added test banner svg

- need to figure out a better deal with font size and screen size
2023-12-22 18:16:13 +01:00
parent 7484bd8697
commit 553c93a7d1
9 changed files with 114 additions and 18 deletions
--- a/styles/elements/banners_svg.css
+++ b/styles/elements/banners_svg.css
@@ -0,0 +1,21 @@
+.banner_svg {
+	width: 100%;
+	height: 150px;
+	height: min(26vw, 150px);
+
+	background-image: url(../img/banner.svg);
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-repeat: repeat;
+	background-position-x: 0%;
+
+	animation-name: slide_svg;
+	animation-iteration-count: infinite;
+	animation-duration: 30s;
+	animation-timing-function: linear;
+	animation-direction: normal;
+}
+@keyframes slide_ssvg {
+	from {background-position-x: 0%;}
+	to   {background-position-x: 100%;}
+}