粘连效果实现

举个例子,如果有两个水滴,当它们靠近的时候,会相互粘连在一起,最后形成一个水滴。那么,如果要实现一个这样的粘连效果,该如何做呢?

比如如下图片中的效果

此时,可以使用SVG中的filter来实[……]

阅读全文

sticky尝鲜

众所周知,css中的position代表的是定位的方式,它有relativeabsolutestaticfixed几个常见的属性。本文要说说它另外的一个属性sticky,所谓的粘性布局。

什么[……]

阅读全文

移动端点击背景变蓝?

在元素上添加cursor: pointer属性后,那么,在移动端上,手指点击该元素区域背景会变蓝。

如果想取消这个效果,可以去除cursor样式,也可以添加如下样式:

-webkit-tap-hi[......]

阅读全文

神奇的table-layout属性

html表格table中有一个很神奇的属性table-layout,当你不指定的时候,它采用的是默认的table-layout:auto方式显示。

为什么说这个属性奇怪呢?举几个栗子。

首先我设置[……]

阅读全文

css选择器nth-child

其余的就不说了,说说两个我目前才了解的两个选择方式。

nth-child(-n+3) : 选择列表前三个项目。

nth-child(n+5) : 选择列表第五个(包括第五个)之后的所有项目。

示[……]

阅读全文