纯 CSS 实现点中间的渐变效果

灵感来源

这个效果的灵感来自 Polar.sh Hackathon 页面的背景设计。

代码预览：Tailwind Play

效果展示

通过纯 CSS 实现点阵中间的渐变效果，可以创造出优雅且性能友好的背景视觉。

技术实现

核心思路

使用 CSS 的 radial-gradient 和 background-image 组合，配合多个背景层叠加实现点阵渐变效果。

代码示例