CSS3哪些新特点值得奖饰

CSS3究竟给咱们带来了哪些新特点呢？CSS3哪些新特点值得咱们去奖饰呢？简略的说，CSS3把良多之前须要操纵图片和剧本来完成的结果，只须要短短几行代码就能够搞定。
起首仍是让大师来看几张结果图，信任大师看到这些结果图，必定会说这些结果只用CSS是若何完成的呢？
1、3D正方形及动画（若是大师用过webpack的话，必然看过webpack的动画logo吧。听妻子大人说此刻风行动画的logo，不再是那些运动不动的喽 ：》。）

2、3D正方形边框挪动

3、CSS挤压结果

在以上的结果中值得一提的特点如：
1、CSS停止突变背影的设置，在background中增加了linear-gradient线性突变，
　 background: linear-gradient(yellow 0%, #000 80%); /*从0%黄色到80%玄色的突变*/
2、CSS 3D
　　perspective:检查视图的地位，如摄影时的镜头地位一样。
　　transform-style中preserve-3d，设置了此属性时，将子元素包裹在一个3D视图里。
3、CSS animation
　　说到动画就不得不说jQuery的animation。但有了CSS3后就不再用JS停止建造动画了。
　　keyframes界说帧动画，可按照百分比停止设置，也可操纵from和to的体例停止设置。
　　操纵animation援用界说好的keyframes帧动画。animation:rotate 20s infinite linear; /*设置援用的动画，动画时候，动画的timing-function,动画体例*/

CSS Code复制内容到剪贴板

1. @keyframes rotate {    
2. 0% {    
3. transform: rotateX(0deg) rotateY(0deg);    
4. }    
5. 100% {    
6. transform: rotateX(360deg) rotateY(360deg);    
7. }    
8. }  

　4、CSS filter
　　fileter并非IE的过滤器，是CSS3中新增加的属性。
　　包罗结果有：grayscale灰度，sepia褐色，saturate饱和度,hue-rotate色相扭转,invert反色,opacity通明度,brightness亮度,contrast对照度,blur恍惚,drop-shadow暗影.
　　挤压结果便是操纵filter中的blur加saturate夹杂而来。

经由过程以上内容给大师先容了CSS3新特点值得奖饰的处所，但愿对大师有所赞助！