总结CSS3新特性(Transform篇)
概述: CSS3新添加的Transform可以改变元素在可视化区域的坐标(这种改变不会引起文档的重排,只有重排),以及形状,还有些3D形变.结合 Animation(这里以后会有个链接的) 能实现酷炫的动画; 旋转(rotate): rotate支持一个参数,一个角度值 0-360deg ...
原文：总结CSS3新特性(Animation篇)
动画 Animation ,是CSS 的亮点. 之一 通过animation属性指定 keyframe来完成关键帧动画 keyframe用法: 由于是CSS ,所以不出意外的各种前缀: 图片来自MDN,CSS中的关键帧 单个帧中可填写多个属性,而且不需要保证一致,如: 需要注意的有几点: 关键帧中有效的属性为可动画属性 如出现不可动画属性,会忽略该属性,不影响其余属性的动画, 如属性后跟有 imp ...
2015-08-03 17:00 0 4018 推荐指数：
相关推荐
总结CSS3新特性(颜色篇)
颜色: CSS3新增加了hsl(), hsla(), rgb(),rgba()四个函数来创建color值; hsl(): hsl函数:h(色调),s(饱和度),l(亮度); 色调:为0-360之间的数值[经实验,可以为小数]; 饱和度与亮度:均为百分比; 下图截自http ...
css3的新特性transform,transition,animation
一、transform css3引入了一些可以对网页元素进行变换的属性，比如旋转，缩放，移动，或者沿着水平或者垂直方向扭曲（斜切变换）等等。这些的基础都是transform属性 transform属性有一项奇怪的特性，就是它们对于其周围的元素不会产生影响。换句话说，如果将一个元素旋转45度 ...
总结CSS3新特性(媒体查询篇)
CSS3的媒体查询是对CSS2媒体类型的扩展,完善; CSS2的媒体类型仅仅定义了一些设备的关键字,CSS3的媒体查询进一步扩展了如width,height,color等具有取值范围的属性; media query 与 media type 的区别在于: media query是一个值或一个 ...
css3新特性总结(伪类)
css3新增了许多伪类，但是IE8以及更低版本的IE浏览器不支持css3伪类，所以在使用时要是涉及到布局等意象全局的样式，应该多考虑一下。 1.elem:nth-child(n) 这个伪类选中父元素下的第n个子元素，并且这个子元素的标签名为elem，n可以接受具体的数值，也可以接受函数 ...
css3新特性
1、渐变 Gradient：linear-gradient 线性渐变和 radial-gradient径向渐变 2、rgba(); 设置颜色和透明度，需要注意的是，所有用到颜色的地方，都可以使用这一 ...
CSS3有哪些新特性
在项目开发中我们采用的CSS3新特性有 1.CSS3的选择器 1）E:last-child 匹配父元素的最后一个子元素E。2）E:nth-child(n)匹配父元素的第n个子元素E。 3）E:nth-last-child(n) CSS3 匹配父元素的倒数第n个子元素E。 2. ...
CSS3有哪些新特性？
CSS3实现圆角 (border-radius: 8px) 阴影 (box-shadow: 10px) 对文字加特效 (text-shadow) 线性渐变（gradient） 旋转（transform)：rotate(9deg) 缩放 (transform)：scale ...