搜索

首页  >  问答  >  正文

css - 要实现这种磨砂效果,有什么好方法吗

我也不太确定这种像素点的效果是否叫磨砂效果,暂时先这么称呼她吧。这种效果除了用图片css如何实现呢?望指教

阿神阿神2867 天前638

全部回复(3)我来回复

  • PHP中文网

    PHP中文网2017-04-17 11:56:08

    思路是这样的: 底部色彩用background-color,白噪声采用png图片作为background-image,这样就能实现你想要的效果。优化一下,采用base64方式设background-image。
    效果: http://codepen.io/anon/pen/mR...
    兼容性处理: http://www.cnblogs.com/murphy...

    回复
    0
  • 迷茫

    迷茫2017-04-17 11:56:08

    用canvas吧
    http://web.jobbole.com/87602/

    回复
    0
  • PHPz

    PHPz2017-04-17 11:56:08

    不知道是不是要的高斯模糊效果,如果是filter: blur(1px)应该可以,可以了解一下css3中的滤镜

    回复
    0
  • 取消回复