是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。
这些模块包括:盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等。
简而言之:升级了CSS,可以做更多的特效,很多细节不用再去依赖PS了。很多动画的实现也不用再去依赖JS或者JQuery了。
CSS3新特性:通过animation属性指定@keyframe来完成关键帧动画; @keyframe 用法: @keyframe name{ 0%{top:0;} 50%{top:10px;} 100%{top:0;} } 单个帧中可填写多个属性,而且不需要保证一致, 注意:关键帧中有效的属性为可动画属性;如出现不可动画属性,会忽略该属性,不影响其余属性的动画, 某个关键帧如果重复定义,则取后定义的帧。 帧数范围0%-100%,不属于这个范围的则被忽略(关键帧定义可以不安顺序来,可以正确执行,
但是可读性不太好)。
3D翻转菜单:1.通过参照物来寻找动画执行的原理。 2.transform-style:preserve-3d;这个样式指定元素可以使用3D动画。 3.transform-origin,是指定旋转的中心点,做那个轴(XYZ)的旋转动画,我们就将对应轴的值 写成50%