サンプルあります。
https://jsfiddle.net/lovalotta/mrnkq5fh/
問題は表題の通り。left:0
からleft:10vw
にtransition
しようと試みたところ、IE11でのみトランジションが変な挙動でした。Chrome、Firefoxは問題なし。IE11の問題なのか、vwの仕様なのかは調べてないです。
解決法としては、0(px)
から10vw
にするのがいけなかったので、0vw
から10vw
にトランジションさせれば問題ないことがわかりました。おそらく同じ問題が0vh
や、0vmax
、0vmin
でも起こると思われます。0vh
から10vmax
にトランジションするとどうなんだろうね!
いまMacから書いていてテストできてないので、同じように再現できるといいですね。