Is there any way to animate transform: translate, height and width at same time in Safari? I have a bug. After transition is finished, element will jump a few pixels away. Here is fiddle.
div {
background-color: green;
height: 100px;
left: 200px;
position: absolute;
top: 200px;
transition: transform 1s, height 1s, width 1s;
width: 100px;
}
div:hover {
height: 150px;
width: 150px;
transform: translate(-50%, -50%);
}<div></div>