Blurry slide content when using use_extra_styles(hover_code_line = TRUE) about xaringanextra HOT 5 CLOSED

Okay, I see this too, it's a known issue with WebKit. I don't see the blurring on Chrome or Firefox, but it does occur for me on Safari.

I think the only way around this would be to do the animation in JavaScript and I'm not super excited about that idea, so I'm probably not going to fix it.

You can get the hover effect without the animation using this CSS

/* Line Hover Indicator */
.remark-code-line:hover {
  font-weight: bold;
  opacity: 1 !important;
}

.remark-code-line:hover:before {
  content: "\25B6";
  color: #6d7e8a;
  position: absolute;
  transform: translateX(-22px);
}

from xaringanextra.

Hmmm, I haven't seen this. Can you take a screenshot? What browser are you using? And what version of xaringan are you using?

from xaringanextra.

I am using {xaringan} 0.16

I made a screen recording of it. Hopefully you are able to view it. I had to zip it so GitHub would allow me to upload it.

Screen Recording 2020-07-13 at 5.07.13 PM.zip

from xaringanextra.

Maybe it goes away when refreshing a slide...

from xaringanextra.

When I flip to a slide the blurry effect occurs, but if I refresh it fixes for that slide, it seems.

from xaringanextra.