文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
css - 要实现这种磨砂效果，有什么好方法吗
阿神
阿神 2017-04-17 11:54:08
[CSS3讨论组]
0 3 688
举报

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

阿神
阿神

闭关修行中......

全部回复(3)
PHP中文网
PHP中文网2017-04-17 11:56:08 3楼

思路是这样的： 底部色彩用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 2楼

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

赞 +0
添加回复
PHPz
PHPz2017-04-17 11:56:08 1楼

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

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部