3 ms·
Works great on Chrome, causes weird flashes on Safari.
by eknkc 14y ago
Works great on Chrome, causes weird flashes on Safari.
- ErikHuisman 14y ago* { -webkit-font-smoothing: antialiased; -webkit-transform: translate3d(0,0,0); } Eliminates the flashing completely. It introduces some weird safari behavior so only include it if you know what you're doing.
- nevir 14y agoThis is a bad idea - forcing every DOM node to become a hardware accelerated layer is going to introduce a huge amount of memory overhead (webkit doesn't release composited layers when they scroll off screen, in many cases) A better approach is to apply -webkit-transform: translate3d(0, 0, 0) to only those nodes that will animate. Your mobile viewers, especially, will be glad that your page doesn't kill the browser (when it goes OOM)
- artursapek 14y ago* { anything } is usually a bad idea.
- nadinengland 14y agoI'm getting the weird flashes on Chrome (25.0.1364.99) OS X 8.2 :/
- ebbv 14y agoI had a ghost "a" at the end of my text that I couldn't get rid of in Safari. Also it just ran slowly. Ran flawlessly in Chrome, though.
- jacobbijani 14y agoI got the "a" also from trying to do cmd+a to select all.
- Wonderdonkey 14y agoSame here. Diacritics also cause problems. Korean characters don't show up at all.