CSS:
keyframes拼装成一个animation，这个animation需要指定一个name，这个name需要使用keyframes的名称，还需要指定播放持续时间和填充模式：

@keyframes amplifying-div {
    0% {
        width: 5%;
        height: 5%;
    }
    100% {
        width: 90%;
        height: 90%;
    }
}

.play-amplifying{
    animation-name: amplifying-div;
    animation-duration: 4s;
    animation-fill-mode: forwards;
}

JS:
let div=document.querySelector("#imageDiv");
div.classList.remove("play-amplifying");
div.style.display="block";
div.classList.add("play-amplifying");