use steps animation type for animated textures (#89)

object-Object · web-flow · commit 54a824bbe292 · 2025-09-09T12:59:25.000-04:00
diff --git a/src/hexdoc/_templates/textures.jcss.jinja b/src/hexdoc/_templates/textures.jcss.jinja
@@ -1,6 +1,6 @@
 {% for animation in animations %}
   .{{ animation.css_class }} {
-    animation: {{ animation.css_class }} {{ animation.time_seconds }}s linear infinite;
+    animation: {{ animation.css_class }} {{ animation.time_seconds }}s steps(1, start) infinite;
     background-size: 100%;
     background-image: url("{{ animation.url }}");
   }

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{% for animation in animations %}`
`2`	`2`	`.{{ animation.css_class }} {`
`3`		`- animation: {{ animation.css_class }} {{ animation.time_seconds }}s linear infinite;`
	`3`	`+ animation: {{ animation.css_class }} {{ animation.time_seconds }}s steps(1, start) infinite;`
`4`	`4`	`background-size: 100%;`
`5`	`5`	`background-image: url("{{ animation.url }}");`
`6`	`6`	`}`