Androidでscaleが原因？でborder-radiusがおかしくなる問題の調査

by FiNGAHOLiC

HTML

<div></div>

CSS

div {
    background: orange;
    border-radius: 10px;
    height: 200px;
    -webkit-transition: transform 5s linear 0s;
    transition: transform 5s linear 0s;
    width: 200px;
}

div.animation {
    -webkit-transform: scale(.1);
    transform: scale(.1);
}

JavaScript

var div = document.querySelector('div');
div.classList.add('animation');