CSS3实现温柔闪烁效果及动画基础教程.pptxVIP

CSS3制作温柔闪烁效果-墨轩老师潭州学院-网页制作公开课论坛：QQ:2738142374客服QQ635900003

知识点一一、定位二、CSS3 1、rgba 2、gradient 线性渐变 gradient(类型,起点X起点Y,终点X终点Y,from(#ccc),to(#000)) A类型linear（线性渐变）radial（径向渐变） B起点X起点Y,终点X终点Y 表示渐变起点和终点可以用坐标形式表示，也可以用关键值表示例如：lefttop或00 Cfrom(#ccc),to(#000) 表示颜色的起始颜色和结束颜色

知识点二三、CSS3动画 可以在许多网页中取代动画图片、Flash动画以及JavaScript@keyframes@keyframes规则用于创建动画。在@keyframes中规定某项CSS样式，就能创建由当前样式逐渐改为新样式的动画效果在@keyframes中创建动画时，请在animation捆绑到选择器名称，否则不会产生动画效果。注：绑定到选择器要求1）规定动画的名称2）规定动画的时长格式：@keyframes名称{0%{0%执行样式} /*动画的开始*/25%{0%执行样式}50%{0%执行样式}100%{0%执行样式} /*动画的结束*/}

知识点三animationanimation-name 规定@keyframes动画的名称animation-duration 规定动画完成一个周期所花费的秒或毫秒。默认是0animation-timing-function 规定动画的速度曲线。默认是ease ease 默认。执行速度慢-快-慢。 ease-in 以低速开始。 ease-out 以低速结束 ease-in-out 以低速开始和结束animation-iteration-count 规定动画被播放的次数。默认是1 infinite无限循环animation-direction 规定动画是否在下一周期逆向地播放。默认是normal（正常） alternate 动画应该轮流反向播放。

vip零基础开班啦课程周期时间安排：学时：2个月每周5节课；学制：一年6期，一年制；班级时间：项目实战班：周一至周五，每晚8.40点-10点正式课程；10点- 11点课后问题解答基础班：每周一、三、五基础班；课前预习-正式课程-课后作业vip报名费用：1580元墨轩老师QQ:2738142374客服QQ635900003