Home >Web Front-end >HTML Tutorial >Web蓝天白云的极致体验_html/css_WEB-ITnose

Web蓝天白云的极致体验_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 08:54:09911browse

还在感叹Web 3D云效果(《怎样用CSS做出3D效果的云》)的时候,发现一个将这种效果用到极致的网站。这个网站貌似是个纯净水品牌的展示网站,但是这不妨碍给人一种引人入胜的体验。

Smartewater网站

Smartewater网站链接

据介绍,网页是运用WebGL,canvas和CSS3D技术做的,实现了不错的用户交互。

有兴趣可以观赏下,寻找一些灵感。整个网站页面设计还是很高端洋气的(废话,就是国外大牛做的),页面上下滚动时的视差效果,云层缥缈的动画,阅兵蓝的背景,给人清新之感。交互设计这部分还可以控制云层,随着鼠标移动的方向在云层中穿梭,有木有在空中翱翔之感,噢,页面还有音乐的。

不过美中还是有瑕疵的:卡顿。下面来几幅大图

Smartewater网站界面

导航栏

交互:云层拉伸

单击左键弹出模式菜单

按住左键随意画各种形状的云

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn