CSS3高级技术应用.pptx

CSS3高级技术应用;简介;1、平面转换;平面转换;01-位移基本使用;02-位移应用案例---绝对定位盒子居中;03-案例制作---双开门;03-01-背景属性background;背景属性background语法;background-size属性指定背景图片大小;background-position设置背景图片的位置;background-position的取值;03-02-在页面中插入内容---before和after;04-旋转效果;05-转换原点;06-多重转换效果;07-缩放效果;08-案例制作---播放按钮缩放效果;2、渐变;01-渐变背景;02-案例制作---产品展示;3、华为综合案例制作;综合案例制作---华为官网产品展示效果;4、空间转换;空间转换;01-空间位移;02-透视效果;透视;03-空间旋转;立体呈现;呈现立体图形步骤;案例制作---立方体;空间缩放;5、动画;01-动画实现步骤案例;animation是一个复合属性;动画各属性值说明;动画名称属性说明;动画时长属性说明;速度曲线属性说明;延迟时间属性说明;动画重复次数属性说明;动画方向属性说明;动画执行完毕时状态属性说明;控制动画播放属性说明;02-animation复合属性案例;03-许愿灯-动画案例欣赏;04-文字的美化---text-shadow属性应用;05-text-shadow属性应用---动画序列案例欣赏;06-盒子的美化---box-shadow属性应用;动画属性拆分写法时各属性名及值说明;07-动画属性拆分写法案例;逐帧动画;08-速度曲线为steps(n)案例;09-精灵图逐帧动画制作步骤案例;10-按钮效果-逐帧动画案例欣赏;11-百度效果-逐帧动画案例欣赏;12-使用多组动画案例;5、动画综合案例;动画综合案例制作