最新赞助活动温馨提示：自愿赞助服务器费用，学生和没有工作的整站资源免费下载！
>讨论社区 >Medium 主页类似 iOS 7 live blur 的高斯模糊效果是如何实现的？-H5教程
更多 > 最新话题 /New
11-04 微信登录不了网站
09-13 咋不能充值啊
09-13 摸鱼早报 · 星期五 2024-09-13
09-09 摸鱼早报 · 星期一 2024-09-09
09-06 摸鱼早报 · 星期五2024-09-06
09-05 摸鱼早报 · 星期四 2024-09-05
09-04 摸鱼早报 · 星期三 2024-09-04
09-03 摸鱼早报 · 星期二 2024-09-03
09-02 摸鱼早报 · 星期一 2024-09-02
08-30 摸鱼早报 · 星期五 2024-08-30
更多 > 标签云 /Tag
小程序公众号MysqlHtml5JQueryJavaScriptBootstrap视频教程前端工具微信ThinkphpAjaxCurl表单JSON手机后台插件
更多 > 相关网址 /Relative
08-18 wordpress新手入门到精通视频教程教程
08-18 二当家的“精品源码”由入门到精通教程视频教程
05-29 用wamp环境测试怎么更改jpeg呢？
05-10 购物车如何循环遍历数据库信息并动态计算金额
06-06 现在工作不好找啊
05-20 响应式的网站是怎么做的
08-18 Joomla 2.5 从入门到精通视频教程
10-31 HTML5的表单中关于所有type类型的详细介绍-H5教程
10-31 html5实现文字轮滚的示例代码-H5教程
10-31 HTML5-Geolocation APIs的示例代码-H5教程
10-30 HTML5/CSS3专题 canvas 模拟实现电子彩票刮刮乐示例代码（图）-H5教程
10-31 html5实现各种图片样式实例用法汇总-H5教程
10-31 分享用canvas实现水流和水池动画的代码-H5教程
10-30 HTML5第一人称射击游戏实现的代码分享-H5教程
10-30 处理HTML5新标签的浏览器兼容版问题-H5教程
10-30 hwSlider-内容滑动切换效果（一） -H5教程
10-31 h5canvas实现黑客帝国矩形阵效果代码-H5教程
10-31 phonegap进行提示操作的具体示例代码分享-H5教程
10-31 xhtml和html有什么区别？-H5教程
10-30 详细介绍html5小游戏制作思路的代码实例-H5教程
头像

Medium 主页类似 iOS 7 live blur 的高斯模糊效果是如何实现的？-H5教程

来源：http://erdangjiade.com/topic/133270.html H5程序员 2017-10-28 16:41浏览(40)

滚动下滑之后，首页顶部图片的高斯模糊的动画效果。

Medium

回复内容：

先用 canvas，然后 fallback 到用两张图片，一张正常，一张模糊。 这里有两个Medium Scroll Effect，建议都可以参考一下：
  1. Medium Scroll Effect
  2. Medium.com style header effect
简单的做法是用CSS filter blur，只是浏览器有兼容问题，所以可以再fallback到svg/canvas/image 应该是用了某个库可以把元素的内容在canvas上绘制，并通过算法加以blur。 苹果官方有demo的 使用coreimage的滤镜或者coregraphics就可以实现
标签： 公众号Html5Bootstrap
微信5.0打飞机游戏是web app吗？-H5教程
如果用html5来取代移动端的app，其所面临的问题有哪些？-H5教程
评论（0）
头像

友情提示：垃圾评论一律封号 加我微信：826096331拉你进VIP群学习群

1 2