还在感叹 Web 3D 云效果(《怎样用 CSS 做出 3D 效果的云》)的时候,发现一个将这种效果用到极致的网站。这个网站貌似是个纯净水品牌的展示网站,但是这不妨碍给人一种引人入胜的体验。
据介绍,网页是运用 WebGL,canvas 和 CSS3D 技术做的,实现了不错的用户交互。
有兴趣可以观赏下,寻找一些灵感。整个网站页面设计还是很高端洋气的(废话,就是国外大牛做的),页面上下滚动时的视差效果,云层缥缈的动画,阅兵蓝的背景,给人清新之感。交互设计这部分还可以控制云层,随着鼠标移动的方向在云层中穿梭,有木有在空中翱翔之感,噢,页面还有音乐的。
不过美中还是有瑕疵的:卡顿。下面来几幅大图
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于