课程详情

CSS3基础 CSS3变形和应用 CSS3动画

课程内容：

至远教育以人文为主，以未来为前景，在信息科技发展迅猛的当今时代下准确把握未来IT发展的新方向，为未来的科技发展储备人才，为学员的前途做铺垫，为使学员有一份更理想的事业而努力，我们新增CSS3基础 CSS3变形和应用 CSS3动画教学。

课程安排： 

CSS3基础 ：了解css3与css2的区别，学会CSS3的兼容性，浏览器前缀，不需要前缀的样式，

1.实例：CSS3旋转 JS设置CSS3样式，setStyle3()的封装，IE前缀的问题 

2.实例：CSS3运动框架基础 transition基本使用，transition的参数，不同运动形式的区别 transition运用范围，transition和JS平滑结合，transition的问题 

3.实例：纯CSS3滑动二级菜单 实例：淡入淡出幻灯片 border-radius的使用，圆角的单位，圆角大小的测量（PS中），圆角的各种参数 实例：圆角图片框 rgba的使用，rgba和opacity的区别，rgba的应用，rgba和渐变 

4.实例：半透明遮罩文字的新写法 text-shadow的用法，各种参数，配合rgba的另类用途 

5.实例：文字模糊效果 box-shadow的用法，内投影和外投影，扩展阴影 CSS3变形和应用：transform的作用，旋转、缩放、位移、倾斜的使用，transform与内联元素 

6.实例：各种变形的使用和组合 rotate的使用，deg，origin的使用，origin的各种写法，角度的换算 

7.实例：CSS3时钟 scale的使用，等比缩放和拉伸，翻转和变形，scale和改变宽高的区别，CSS3属性和盒模型尺寸，scale的其他写法 

8.实例：CSS3图片放大 

9.实例：官网登录框淡入淡出 skew的使用，PS中的倾斜，倾斜模拟旋转 translate的使用，translate和left、top的区别 

10.实例：CSS3倾斜导航条 多transform组合使用，顺序的问题 CSS3 3D变换，3D旋转，perspective的使用 

11.实例：3D旋转和2D旋转的比较

12.实例：safari历史记录效果（官网作品展示） 3D变换的坐标系，旋转方向的分辨，perspective的两种用法 backface-visibility的使用和问题 

13.实例：记忆力大考验游戏 实例：官网登录、注册框 backface-visibility的bug，translate另类解决方法 transform-style的使用，3D空间的继承 CSS3动画：纯CSS动画animate，关键帧，格式和编写 animate的调用，时间单位和重用 animate的可选属性，运动类型、延迟、重复、重置 animate和JS的配合 

14.实例：旋转的风车 animate和transition的比较 动画结束的检测，Mozilla的问题和解决 自定义链式动画库 JS运动和CSS3动画.