EI Calc() inside Translate Not Working

November 20, 2015

Ran into an infamous Internet Explorer bug today. Calc() does not work within the CSS of Translate:

transform: translateX(Calc(100% – 244px);

The fix: Apply multiple translateX values within one transformation.

transform: translateX(100%) translateX(-244px);

Leave a Reply

Your email address will not be published. Required fields are marked *