Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

transform translateY with calc not working in IE11 [duplicate]

I have the following transform which does not seem to work in IE11.

Is there an alternative to get calc to work in IE11?

transform: translateY(calc(-100% - 5rem))
-ms-transform: translateY(calc(-100% - 5rem))
like image 630
svnm Avatar asked Apr 21 '16 00:04

svnm


1 Answers

-ms-transform: translateY(-100%) translateY(5rem);
-webkit-transform:  translateY(-100%) translateY(5rem);
-moz-transform:  translateY(-100%) translateY(5rem);
transform:  translateY(-100%) translateY(5rem);

This is equal to calc. calc does not work on ie 11.

like image 146
Michael Mano Avatar answered Nov 07 '22 20:11

Michael Mano