懒人得以进步。 代码不是越多就越屌,贵在精用。   :not() 的精简 not() 的妙用,去除繁琐的定义 last-child 或 first-child 。 比如一个列表,需要第一个和最后一个不变的颜色保持不变,其他的变成红色背景。 普通写法: #exa ...

前段时间的项目用到伪类三角形的阴影,想了及几种办法,考虑到对于兼容性要求不太高的项目。最后选择用 CSS3 中的 filter:drop-shadow 。发现还蛮配的。 伪类的阴影,如果考虑到兼容性最低兼容到ie9,则用 box-shadow + 图片大法做阴影 ...

CSS3 选择器 ~

作者:大朗

CSS 选择器中的 element1 ~ element2 作用:同一父级元素下,选中当前 元素1 后面的所有 元素 2 ,元素 2 无需紧随 元素1。 如图示例: id 为 pare 的子级有 h1 p div 三个标签。指定 h1 后面所有 p 标签变绿了,而位于前面的不会变绿 ...

CSS3 filter 滤镜拓展补充(URL)

作者:大朗

CSS3 filter 中有一个比较有意思的是 URL ,google 了很多次,愣是没找到啥教程。 how use ? 文档中就都是这一句: “ The url() function takes the location of an XML file that specifies an SVG filter, and may include an anchor ...

CSS3 filter 滤镜初探(非 IE 滤镜)

作者:大朗

滤镜用到图片或 video 上会有很有意思的效果。   1、blur 高斯模糊 这个属性总的来说就是打码。有单位的打码,大概的就是每 1 像素打 n 单位码的意思,所以数值越大越模糊。 单位是常用的 px\em\rem\...; -webkit-filter: blu ...