Is This The CSS Transform Killer?

Key Takeaways

the transform property in CSS is amazing because it lets you do a lot of really cool things with just a few individual properties and functions but it has quite a few limitations and the main one being that changing individual values of the transform property is impossible for example if I have a box class that rotates and scales the box and I'll add another move class that's going to translate it when I save this you'll notice only the translate is applied and that's because this entire transform property overwrites this transform property this can be worked around but it's kind of clunky and annoying to work with which is why the introduction of individual transformed properties is amazing for example I can come in here and say rotate 45 degrees scale 0.5 and I could change this translate down here to be translate of 50 pixels and now you can see all three of those different properties are being applied this may seem like a really simple change but it actually opens up a lot of possibilities that were difficult if not impossible before and if you want to see those check out my full video and blog article Linked In the description and comments of this video