摘要:
最近坐地铁发现“亚洲动物基金”在地铁上做了很多公益广告,比较吸引人的是一个月熊的广告。做的很可爱。回去就搜了一下,发现这个网站是HTML5做的,非常炫。所以想学习一下,方法就是传统的学习办法,模仿、剖析,看看人家是怎么做的。这个网站提供的是了一个沉浸式的翻阅体验,用户可以在页面切换时体验到真实的3D翻书效果,非常的酷炫。而要实现这个效果,需要用到CSS3 3D transform和JavaScript,同时为了实现跨浏览器和跨设备的统一体验,用到hammer.js库去处理滑动操作。就是下面这个样子的,非常漂亮:示例效果:查看代码发现,网页的结构十分简单,整个杂志是一个ID为magazine的d 阅读全文