Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

"none" transition effect makes text blurry #1002

Closed
ntrrgc opened this issue Sep 9, 2014 · 4 comments
Closed

"none" transition effect makes text blurry #1002

ntrrgc opened this issue Sep 9, 2014 · 4 comments

Comments

@ntrrgc
Copy link

ntrrgc commented Sep 9, 2014

When none transition effect is used, the entire slides are blurry on Chrome and Linux. Interestingly, they are not blurry while the transition is in progress, i.e. until the progress bar at the bottom edge of the screen gets still.

Setting a different transition effect, e.g. linear does not reproduce the effect.

Screenshot after none transition:

Screenshot

Screenshot after linear transition:

Screenshot

@bsletten
Copy link

bsletten commented Jan 6, 2015

I don't think it is just 'none' nor just on Chrome and Linux. On OS X (Yosemite), several of the transition styles (none, fade, slide and zoom) but not others (default or concave) have a dramatic and annoying "bolding" effect when you go from one slide to the next. It isn't super noticeable on Firefox on OS X, but it is on Chrome as well.

@ISO50
Copy link

ISO50 commented Dec 2, 2015

On Yosemite with Firefox 44a2 this style helps:

<style>
  .reveal > .slides > section > section {
    transform-style: flat;
  }
</style> 

Safari seems to be free of font blurring issues.

@tofi86
Copy link

tofi86 commented Jul 6, 2016

On Yosemite with Firefox 44a2 this style helps:

Thanks! This also prevents blurry text on Windows in Firefox 47.

@hakimel
Copy link
Owner

hakimel commented Aug 1, 2016

Thanks @ISO50, that's really useful.

Transitions now use a flat transform-style by default, so content should no longer be blurred when using the slide, none or fade transitions. Other transitions – like concave and convex – still use preserve-3d.

@hakimel hakimel closed this as completed Aug 1, 2016
hbrysiewicz pushed a commit to hbrysiewicz/reveal.js that referenced this issue Oct 7, 2016
KroArtem pushed a commit to KroArtem/UltraSparcT2Plus that referenced this issue Nov 21, 2016
SteveDesmond-ca pushed a commit to SteveDesmond-ca/presentations that referenced this issue Apr 19, 2017
derheap pushed a commit to derheap/reveal.js that referenced this issue Feb 22, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants