Ways in which I've fixed these jagged lines on rotated elements (when viewed in Firefox & Safari on my iPhone):

* -webkit-transform-style: preserve-3d
* -webkit-backface-visibility: hidden
* Applying borders to elements within the rotated elements

and finally the thing that mostly did the trick:
transform: translateZ(1px)


Also I :heart: ngrok

@vickylai well… so it's all Safari's engine (called WebKit AFAIK)…

Sign in to participate in the conversation
Mastodon for Tech Folks

This Mastodon instance is for people interested in technology. Discussions aren't limited to technology, because tech folks shouldn't be limited to technology either!

We adhere to an adapted version of the TootCat Code of Conduct and follow the Toot Café list of blocked instances. Ash is the admin and is supported by Fuzzface as a moderator.

Hosting costs are largely covered by our generous supporters on Patreon – thanks for all the help!