别样声音秀：青春若有个不老的声音

2017-10-10 H5案例分享 H5案例分享

案例：青春若有个不老的声音

出品：别样声音秀

亮点：

策划上，这是一款关于回忆青春，回忆童年的h5。在这款h5中，通过用户的滑动进行屏幕之间的上下切换。在每页的屏幕中，由经典动画人物形象如孙悟空、蜡笔小新等动画人物和文艺感怀的文案组成。
设计上，这是一款长屏切换的h5，整款h5以浅色作为背景色，每页的屏幕中配上当前经典动画的人物声音再加上温馨的视觉效果，更好的表达了主题“青春若有个不老的声音”。
技术上，这款h5通过CSS3中的Translate技术进行判断屏幕上下滑动的距离，从而进行屏幕之间的转换。

技术实现： JS+Translate+Animation

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

青春若有个不老的声音-查阅二维码

完整欣赏此案例大约需要40秒

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签