CSS3样式表-CSS3动画.pptx

动画是使元素从一种样式逐渐变化为另一种样式的效果。 创建CSS3动画 设置@keyframes动画规则 animation应用动画规则 1 @keyframes规则规定动画的变化状态。 两个状态的效果，应用from，to，from动画开始，to动画结束 多个状态的效果，应用百分比形式，0%动画开始，100%动画结束 2 若某个选择器应用动画，则在该选择器上通过animation属性绑定动画。 规定至少以下两项CSS动画属性，可以实现动画效果： 动画名称 animation-name 动画时长 animation-duration 可以使用简写属性animation同时设置动画名称和动画时长 2 第一步：设置动画规则 第二步：选择器绑定动画规则 要求：名称+时长 可以简写 animation:change 5s; 3 动画属性 Thanks