随笔分类 -  总结CSS3新特性

总结CSS3新特性(Animation篇)
摘要：动画(Animation),是CSS3的亮点.//之一通过animation属性指定@keyframe来完成关键帧动画;@keyframe用法: @keyframes name { 0% { top: 0; }/*0%可用from关键字替代*/ 50% { top: 10px; } 100%... 阅读全文
posted @ 2015-08-03 17:00 贾顺名 阅读(4626) 评论(0) 推荐(1)
总结CSS3新特性(Transition篇)
摘要：CSS 过渡（transition）, 是CSS3规范的一部分, 用来控制 CSS 属性的变化速率。 可以让属性的变化过程持续一段时间，而不是立即生效。比如，将元素的颜色从白色改为黑色，通常这个改变是立即生效的，使用 transition 后，将按一个曲线速率变化。这个过程可以自定义。Transit... 阅读全文
posted @ 2015-07-21 14:06 贾顺名 阅读(1332) 评论(1) 推荐(1)
总结CSS3新特性(Transform篇)
摘要：概述:CSS3新添加的Transform可以改变元素在可视化区域的坐标(这种改变不会引起文档的重排,只有重排),以及形状,还有些3D形变.结合Animation(这里以后会有个链接的) 能实现酷炫的动画;旋转(rotate):rotate支持一个参数,一个角度值 0-360deg#demo { ... 阅读全文
posted @ 2015-07-20 17:20 贾顺名 阅读(3015) 评论(0) 推荐(0)
总结CSS3新特性(媒体查询篇)
摘要：CSS3的媒体查询是对CSS2媒体类型的扩展,完善;CSS2的媒体类型仅仅定义了一些设备的关键字,CSS3的媒体查询进一步扩展了如width,height,color等具有取值范围的属性;media query 与 media type 的区别在于: media query是一个值或一个范围的值,而... 阅读全文
posted @ 2015-07-16 16:58 贾顺名 阅读(2563) 评论(1) 推荐(0)
总结CSS3新特性(选择器篇)
摘要：CSS3新增了嗯- -21个选择器,脚本通过控制台在这里运行;~:p ~ p { color : red;/*此条规则将用于p后边所有的p...就是除了第一个p的所有p,规则同p:not(:nth-of-type(1)),但是权重要低于后者*/}[attribute^=value]:选择该属性... 阅读全文
posted @ 2015-07-15 17:23 贾顺名 阅读(1804) 评论(0) 推荐(1)
总结CSS3新特性(颜色篇)
摘要：颜色:CSS3新增加了hsl(), hsla(), rgb(),rgba()四个函数来创建color值;hsl():hsl函数:h(色调),s(饱和度),l(亮度);色调:为0-360之间的数值[经实验,可以为小数];饱和度与亮度:均为百分比;下图截自http://www.w3.org/wiki/C... 阅读全文
posted @ 2015-07-14 15:56 贾顺名 阅读(4845) 评论(0) 推荐(1)