IEでtransformの値に入れたcalc()が効かない時の対処法

IEでtransformの値に入れたcalc()が効かない時の対処法

要素を画面中央に配置したい時に遭遇するかもしれない。
超簡単に対処できる方法がコレ。

calcで計算したい内容をそれぞれ指定する

つまり、こういうこと。

CSS

  1. .middle {
  2. transform: translateY(50vh) translateY(-50px);
  3. }
クリックで消える

IE11がいなくなるのは2025年…それまで我慢