html5动效系列九：HTML5 Canvas雨滴下落动画超逼真

2015-5-14 蓝蓝

蓝蓝设计 ( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供有效的UI界面设计、BS界面设计、 cs界面设计、 ipad界面设计、包装设计、图标定制、用户体验、交互设计、网站建设、平面设计服务

每一个扁平化界面设计，都是我们的心灵碰撞致力于最棒的 metro ui 设计

来源：http://www.html5tricks.com/html5-canvas-rain-drop.html

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

今天我们要来分享一款相当逼真的HTML5 Canvas雨滴下落动画，该动画模拟雨滴附在窗户上缓缓滑落的效果，同时窗户也因为雨滴而变得模糊，窗外的夜景便显得格外迷人。利用HTML5技术，该雨滴下落动画一共有5种不同的效果。由于Chrome的跨域限制，本地将无法运行，你可以在本站的在线演示中看到效果，或者将源代码上传至自己的服务器后浏览。