@@ -5,13 +5,12 @@ function loadingImg(phase) {
55 // Clamp phase between 0 and 100
66 phase = Math . max ( 0 , Math . min ( phase , 100 ) ) ;
77
8- // Convert phase to degrees (0% = 0deg, 100% = 360deg)
8+ // Convert phase to degrees
99 const degrees = ( phase / 100 ) * 360 ;
1010
11- // Create a conic gradient mask for the reveal
12- // Transparent part = hidden, white part = visible
13- img . style . webkitMaskImage = `conic-gradient(white 0deg ${ degrees } deg, rgba(255,255,255,0) ${ degrees } deg 360deg)` ;
14- img . style . maskImage = `conic-gradient(white 0deg ${ degrees } deg, rgba(255,255,255,0) ${ degrees } deg 360deg)` ;
11+ // White = fully visible, semi-transparent = 70% opacity
12+ img . style . webkitMaskImage = `conic-gradient(rgba(255,255,255,1) 0deg ${ degrees } deg, rgba(255,255,255,0.7) ${ degrees } deg 360deg)` ;
13+ img . style . maskImage = `conic-gradient(rgba(255,255,255,1) 0deg ${ degrees } deg, rgba(255,255,255,0.7) ${ degrees } deg 360deg)` ;
1514 img . style . webkitMaskRepeat = 'no-repeat' ;
1615 img . style . maskRepeat = 'no-repeat' ;
1716 img . style . webkitMaskPosition = 'center' ;
0 commit comments