分享几个CSS小众但炫酷的技巧

更新时间：2026-10-06 23:01:05作者：wangguan

1. 黑白图像

这段代码会让你的彩色照片显示为黑白照片，是不是很酷？

2.页面顶部阴影

下面这个简单的 css3 代码片段可以给网页加上漂亮的顶部阴影效果：

3.所有一切都垂直居中

要将所有元素垂直居中，太简单了：

看，是不是很简单。

注意：在IE11中要小心flexbox。

4.文本渐变

文本渐变效果很流行，使用 CSS3 能够很简单就实现：

5.禁用鼠标事件

CSS3 新增的 pointer-events 让你能够禁用元素的鼠标事件，例如，一个连接如果设置了下面的样式就无法点击了。

6.模糊文本

简单但很漂亮的文本模糊效果，简单又好看！

手游推荐