本文絮絮叨叨CSS3 clip-path polygon在图形构建和动画这块的三两事，没什么惊天动地的知识点，大家可以当散文看下。放心，有demo有截图有代码展示，还有视频播放呢！总之，希望本文的内容能够对您的学习有所帮助。
小tip: 纯CSS实现视差滚动效果
2015年03月17日 by 阅读 127748 次, 今日 12 次视差滚动效果大家可能都听过，基本上都是JS实现的。
实际上，如果你对兼容性要求不是很高，比方说忽略IE浏览器，则我们使用简单的几行CSS代码就可以实现视差滚动效果了。而本文就是介绍如何使用CSS实现视差滚动效果的。有Demo有截图有源代码展示，总之，希望本文的内容能够对您的学习有所帮助。
CSS <position>值简介理解background百分比定位
2015年03月16日 by 阅读 65190 次, 今日 22 次小tips: CSS3 webkit下彩条文字效果实现
2015年03月15日 by 阅读 35303 次, 今日 5 次此效果用的是以前介绍过的两个技术实现，第一个就是CSS3实现纹理图案背景，第二个就是文字遮罩实现。两者合在一起就可以实现彩条文字效果了。
半深入理解CSS3 object-position/object-fit属性
2015年03月15日 by 阅读 168600 次, 今日 15 次
现代web显示环境万变，响应式布局(适配移动端)、半响应布局(宽窄屏适配)以及传统流体布局（任意宽度水平自适应）都比较常见，结果，在处理这些有着固定尺寸的元素的时候，就会遇到障碍，例如，一个2:1的视频，永远要等比例充满容器，但是，随着浏览器宽度不一样，容器的长宽比有可能小于2，也有可能大于2. 你说，你能轻松实现小于比例2时候，视频宽度100%；比例大于2的时候，高度100%吗？
显然，很麻烦，最后大多还是使用JS去把控。正是为了应对类似这样的响应式需求，object-fit和object-position才应运而生……
border-collapse与table td边框opacity透明度诡异解析
2015年03月3日 by 阅读 57072 次, 今日 8 次年前遇到此现象，在Chrome浏览器下，起初，我还以为是Chrome浏览器的bug.
今日原型重现，在各个现代浏览器下一测，乖乖隆地咚，都是一个尿性，看来是规范使然，不是bug啊！但是，由于现象实在诡异，到目前也想不通是个怎么回事，故在这里演示并询问在座的小伙伴们，为什么会有此现象？
现象描述……
CSS中height:100%和height:inherit的异同
2015年02月15日 by 阅读 135547 次, 今日 5 次不知大家有没有相关CSS中height:100%和height:inherit的有什么异同？是否可以替换使用？height:inherit的价值在哪里？
本文就将回答这一系列问题，同样的，有截图，有demo，还有必要的源代码展示，总之希望本文的内容对您的学习有所帮助。
小tip: IE下zoom或Matrix矩阵滤镜中心点变换实现
2015年02月15日 by 阅读 38110 次, 今日 9 次IE的Matrix矩阵变换，或者zoom缩放会改变元素原本占据的展示尺寸，位置等，与CSS3优雅的transform完全不一样，导致，我们需要对IE做额外的偏移。
但是，我们大多数人的数学都是体育老师交的，计算偏移值什么的，想想就大头娘娘了，难道，就不能跟CSS3 transform一样，就规规矩矩居中放大吗？
童鞋，略施小计，还是有办法滴……
CSS深入理解流体特性和BFC特性下多栏自适应布局
2015年02月12日 by 阅读 206327 次, 今日 11 次
好久没写纯粹CSS相关知识的文章了，所谓新颖的CSS3技术之流占据了现在半壁江山。本文内容还是比较传统，立足基础，深入理解。希望可以帮助相关从业者有所成长。如题，本文着重分析流体特性下的自适应布局和BFC特性下的自适应布局，demo、截图以及源代码一个都不少，耐心看完，相信会有一番收获的。
我的应用
我的应用