transform: translateY (- 147%) translateX (- 469%) scale (12) transition to transform: translateY (0) translateX (0) scale (1) has no effect on iphone, but on Android (call for help.) The
code is as follows:
.zq-2-animate {
animation: zq-2-animate 3s linear 0s 1;
-webkit-animation: zq-2-animate 3s linear 0s 1;
}
@keyframes zq-2-animate {
from {
transform: translateY(-147%) translateX(-469%) scale(12);
-webkit-transform: translateY(-147%) translateX(-469%) scale(12);
}
to {
transform: translateY(0) translateX(0) scale(1);
-webkit-transform: translateY(0) translateX(0) scale(1);
}
}
@-webkit-keyframes zq-2-animate {
from {
transform: translateY(-147%) translateX(-469%) scale(12);
-webkit-transform: translateY(-147%) translateX(-469%) scale(12);
}
to {
transform: translateY(0) translateX(0) scale(1);
-webkit-transform: translateY(0) translateX(0) scale(1);
}
}