lower max aya fps and granularity

oulipoh · Nov 17, 2024 · 7797012 · 7797012
1 parent 40a9414
commit 7797012
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/resen/taase/index.html b/resen/taase/index.html
@@ -20,7 +20,7 @@
         <div class="sliders" onclick="gif1.style.setProperty('--fps', rate_slider.valueAsNumber)">
             <label for="rate_slider">
                 <button onclick="rate_slider.value = rate_slider.min">בזריזות</button>
-                <input type="range" id="rate_slider" dir="rtl" max="60" step="5" value="60" autocomplete="off" oninput="gif1.style.setProperty('--fps', this.valueAsNumber)">
+                <input type="range" id="rate_slider" dir="rtl" min="1" max="60" step="1.475" value="60" autocomplete="off" oninput="gif1.style.setProperty('--fps', this.valueAsNumber)">
                 <button onclick="rate_slider.value = rate_slider.max">בעצלתיים</button>
             </label>
         </div>

diff --git a/resen/taase/style.css b/resen/taase/style.css
@@ -26,7 +26,7 @@ div[oncontextmenu*="toggle_fullscreen"] {
 
 .gif {
     --fps: 60;
-    animation: calc(4s / max(var(--fps), 1)) steps(1) infinite gif;
+    animation: calc(4s / var(--fps)) steps(1) infinite gif;
     aspect-ratio: 16 / 9;
     background-repeat: no-repeat;
     background-size: contain;