Maison >interface Web >tutoriel HTML >Web蓝天白云的极致体验_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-21 08:54:09911parcourir

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

Smartewater网站

Smartewater网站链接

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

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

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

Smartewater网站界面

导航栏

交互:云层拉伸

单击左键弹出模式菜单

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

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn