CSS文本渐变

2018-01-02

h2[data-text] { position: relative; } h2[data-text]::after { content: attr(data-text); z-index: 10; color: #e3e3e3; position: ab...


CSS使彩色图像黑白化

2018-01-02

这段代码会让你的彩色照片显示为黑白照片,是不是很酷? img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -m...


实用的60个CSS代码片段

2017-02-22

1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: .verticalcenter{ po...


CSS3 文字模糊效果

2016-11-29

应用 兼容 Chrome,Safari,Firefox,Opera的css模糊效果 代码 .blurry { color: transparent; text-shadow: 0 0 15px #666; transition: text-sh...


随机大小排布界面

2016-10-19

思路 首先把 container 划分为 4 个块,然后需要随机定位的 4 个块分别放到这 4 个区域,最后定义这 4 个块距离左边跟上边的最远,最近距离即可 相关代码 htm...


JavaScript常用API总结

2016-10-03

目录 元素查找 class操作 节点操作 属性操作 内容操作 css操作 位置大小 事件 DOM加载完毕 绑定上下文 去除空格 Ajax JSON处理 节点遍历   元素查找 /...