The cards seems to be all janky on mobile sites :/
https://github.com/simeydotme/pokemon-cards-css/assets/62292852/f2d4263a-5325-4c21-b3ae-f8d311930163
Activity
5Yeah sure, the safari is for iOS 15.6.1. I did a quick google search and it said usually the iOS and safari versions are same.
I have the same issue using Chrome on Android.
thanks, recently some browsers have made significant changes and introduced major bugs with regards to backface visibility, transforms, masks and filters... I have a good amount of confidence that the code is correct and I'm reluctant to keep changing it based on x-browsers bugs :(
Just checked it out on android samsung chrome. Same issue.. and just for your info, your code might be ok, but when it is not working then code is still broken. Go over all features, identify the feature that leads to flickering, replace it through something that works..
thanks @d4nte46 for bringing it to attention! I assuming you're on Safari? do you know which version? I had it working OK before, but looks like maybe Safari pushed another update which broke it. This is pretty cutting edge css, so I expect there to be x-browser quirks. Sorry it's not a great experience for you!
If I was to implement this in a production app, I'd probably turn off the shiny effects for Mobile (maybe keep the Glare).