safariでposition:absoluteしてtransformしても動かない！（transitionも！）

hoge

たぶん、position:fixedの場合もダメだと思う。

transform編

transformではなく、translate3dなら動く！

ベンダープレフィックスの方に設定。

◆例１

transform:translate(-200px, 200px);
↓
-webkit-transform: translate3d(-200px, 200px, 0);
transform:translate(-200px, 200px);

◆例２

transform:translate(265px, 145px) rotate(45deg);
↓
-webkit-transform: translate3d(265px, 145px, 0) rotate(45deg);
transform:translate(265px, 145px) rotate(45deg);

 

transition編

ベンダープレフィックスの-webkit-transitionを追記しましょう！

transition:all 0.2s ease-in-out 0s;
↓
-webkit-transition:all 0.2s ease-in-out 0s;
transition:all 0.2s ease-in-out 0s;