Why don't emoji like 45° transforms?

#1

Post by hamlsandwich » Thu, Apr 09, 2020, 4:11 PM UTC

Why don't emoji like 45° transforms?
codepen.io

Re: Why don't emoji like 45° transforms?

#2

Post by hamlsandwich » Thu, Apr 09, 2020, 4:11 PM UTC

So, in a truly classic bit of 1am CSS rendering weirdness, I discovered that you can't transform (rotate/skew) Emoji by 45 degrees in Chrome, Firefox or Safari in MacOS, or they'll disappear. You can transition _through_ 45° on the way to another value, but you can't stop on that magic 45. Does anyone know what's going on?

Re: Why don't emoji like 45° transforms?

#3

Post by slater » Thu, Apr 09, 2020, 4:14 PM UTC

works for me, macos + firefox

Re: Why don't emoji like 45° transforms?

#4

Post by hamlsandwich » Thu, Apr 09, 2020, 4:17 PM UTC

slater wrote: post #3

works for me, macos + firefox

Hmm. I'm running MacOS 10.14.6, Firefox 75. Happens very consistently here!

https://imgur.com/a/PoimMZn

Re: Why don't emoji like 45° transforms?

#5

Post by slater » Thu, Apr 09, 2020, 4:21 PM UTC

hamlsandwich wrote: post #4

slater wrote: post #3

works for me, macos + firefox

Hmm. I'm running MacOS 10.14.6, Firefox 75. Happens very consistently here! https://imgur.com/a/PoimMZn

10.15.3, FFox 75 also.

edit: Just checked in Safari (Version 13.0.5 (15608.5.11)), no disappearing there either.