»
(070)CSS帧动画
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");