feat: smooth analog zoom with solid blue hover

UX improvements for more responsive, fluid zoom experience:

1. Smooth analog response:
   - Removed 50ms debounce - applies zoom immediately
   - Changed step from 5 to 1 for ultra-smooth increments
   - Updated transition: 0.08s linear (was 0.3s cubic-bezier)
   - Real-time transform updates for analog feel vs digital jumps

2. Solid blue hover (no gradient):
   - Changed from multi-color gradient to solid #3b82f6 blue
   - Maintains gray when not hovering
   - Clean, simple visual feedback matching reference design

3. Visual enhancement:
   - Keyboard shortcuts now use step 10 for faster adjustments
   - Instant response eliminates "digital" feeling
   - Smooth, continuous zoom matching analog controls

Technical changes:
- HTML: step="1" instead of step="5"
- CSS: solid color hover, 0.08s linear transition
- JS: removed debounce timeout, immediate applyZoom()

This commit is contained in:

juanatsap

2025-11-12 11:46:19 +00:00

parent b6aeb697fe

commit c1506a4d1e

3 changed files with 11 additions and 27 deletions

									
										templates/index.html
									
		+1
		-1
	
												View File
												
				@@ -464,7 +464,7 @@

				            class="zoom-slider"

				            min="50"

				            max="200"

				            step="5"

				            step="1"

				            value="100"

				            aria-label="{{if eq .Lang "es"}}Ajustar nivel de zoom del CV{{else}}Adjust CV zoom level{{end}}"

				            aria-valuemin="50"