reveal.js icon indicating copy to clipboard operation
reveal.js copied to clipboard

Default scale property of the reveal.js file shows slide elements in exaggerated sizes and blurred on the screen

Open JarisGV opened this issue 1 year ago • 1 comments

The default scale value enlarges slide elements making them very large and blurry. In this example, with the reveal.js file's default scale value 'layout:"translate(-50%, -50%) scale("+U+")', a 540x540px element is displayed at 920x920px. This causes some limitations in the use of Reveal.js in some ways.

Example using the default scale of reveal.js file chrome-capture-2023-7-24 (1)

If I try to force the scale of the transform property to 1 "translate(-50%, -50%) scale(1)' the elements are now displayed on the screen in their actual measurements. Amazing, but the transition behavior between the slides is impaired completely.

Example forcing scale property value to 1: chrome-capture-2023-7-24

Is there any way to fix this exaggerated scaling and keep the default smooth behavior of the transition between slides in auto-animate mode?

Thanks in advance.

JarisGV avatar Aug 24 '23 10:08 JarisGV

I even tried to adjust the difference in the increase in size of the elements by decreasing the zoom property value to '.585px' but although the elements decrease to about 100% of the actual measurements (540x540px in this example) they are still blurred AND the zoom property no' It doesn't work in Firefox, so to achieve this I would have to adjust the scale which messes up everything in my presentation.

JarisGV avatar Aug 24 '23 12:08 JarisGV