Front-end developer and graphic designer. I love reading about newer trends, improvements to my workflow, front-end architecture and currently all things JS. I have a long way to go :)
Transform properties require GPU calculations which are faster. Some more reading here - smashingmagazine.com/2016/12/gpu-a... The good thing here is that the div is detached from the box model of the page, so at least it will not do global recalc ^
Why not
transform: scaleX();?Yes, that should also work. Also that avoids adding (*100) to the percentage calculation.
I just went with the simplest approach.In
transformpeople might have to look into transform properties as well.Haha, I'm all about that micro performance 😛
I wasn't aware that it has an impact on performance.
Transform properties require GPU calculations which are faster. Some more reading here - smashingmagazine.com/2016/12/gpu-a... The good thing here is that the div is detached from the box model of the page, so at least it will not do global recalc ^
Hmmm, thats an interesting read! :)