Add steps to the sliders

xray.html

@@ -25,12 +25,12 @@
         <label class="nostart large">
             Radius:
             <input type="number" id="radius-input" placeholder="200" value="200">
-            <input type="range" id="radius-slider" min="0" max="500" value="200">
+            <input type="range" id="radius-slider" min="0" max="500" step="10" value="200">
         </label>
         <label class="nostart large">
             Softness:
             <input type="number" id="softness-input" placeholder="0" value="0">
-            <input type="range" id="softness-slider" min="0" max="100" value="0">
+            <input type="range" id="softness-slider" min="0" max="100" step="5" value="0">
         </label>
         <button class="nostart large" id="fullscreen-button">Fullscreen</button>
         <label class="nostart large">
@@ -48,12 +48,12 @@
         <label class="nostart large">
             Opacity:
             <input type="number" id="opacity-input" placeholder="100" value="100">
-            <input type="range" id="opacity-slider" min="0" max="100" value="100">
+            <input type="range" id="opacity-slider" min="0" max="100" step="10" value="100">
         </label>
         <label class="nostart large">
             Darkness:
             <input type="number" id="darkness-input" placeholder="0" value="0">
-            <input type="range" id="darkness-slider" min="0" max="100" value="0">
+            <input type="range" id="darkness-slider" min="0" max="100" step="10" value="0">
         </label>
         <a id="artist" target="_blank" class="nostart large"><button>Visit artist</button></a>
     </div>