Using calc() in IE11 transforms by stacking

2017-07-19 | #css, #solution, #webdev

Say you wanna do this:

transform: translateY(calc(100% - 50px));

This would be great, but in IE11 you're outta luck, no calc support in transform yet.

But, you can do this:

transform: translateY(100%) translateY(-50px);

Whaaaaat? Yes, you can actually stack transformations and thereby do the same thing. Hooray.