CSS动画基础：常用动画效果设置.docx

CSS动画基础：常用动画效果设置 CSS 动画基础：常用动画效果的设置 设页面中有div class=shape/div，若定义.shape 的样式规则为： .shape position: absolute; left:125px; top:75px; width: 150px; height: 150px; border-radius:10% 50% 10% 50%; border:2px solid #f00; background-color: #ff0; 可在页面中显示如图 1 所示的图形。 图 1 动画基本图形 以这个图形作为参与动画的对象，为其定义关键帧 anim，并设置 animation 属性，使之产生动画效果。 例如，定义如下的关键帧 anim keyframes anim 0%,15% transform: rotate(0);