教程 | 3D效果的H5海报怎么做？

超级酷炫的3D海报已经上线几天了，用过的小伙伴无不啧啧称赞。眼看着别人家的粉丝捧着手机玩的不亦乐乎，这么好的功能我还不太会用？

没关系，福利来啦！快站哥今天就为您奉上3D海报的详细教程。

Q3D视差效果样式是什么？AH5的动画效果日新月异，如何让页面的层级效果更佳更特别？如何让内容和用户有更多互动，快站引入了配合手机重力感应，让页面内各种内容可以和浏览者互动。案例展示假如我们在手机上看到一个平面图是这样的

使用3D效果后，只要微微晃动手机，图片就会发生意想不到的变化~

是不是超级赞！下面就是满满的干货啦。本次教学主要以如何通过图片达成效果进行介绍，所有组件都可以设置3D效果。 在编辑器中拖入一个组件（以图片组件为案例）

对应上传需要的内容文件

上传完所有的内容文件，并调整内容组件的大小和位置

按预想的效果，调整每个内容组件之前的层级关系

调整每个内容组件样式中的3D视差效果X轴强度：调整内容组件跟随手机横向摆动所产生位移的强弱程度。Y轴强度：调整内容组件跟随手机纵向摆动所产生位移的强弱程度。缓冲：调整内容组件产生位移过程中缓冲效果的强弱程度。

划分层次，添加滤镜，让画面和谐统一根据内容的不同形式，我们可以通过大小、模糊滤镜、阴影等方式，让层级划分更加清晰。

本次内容就为大家介绍到这儿，不知各位站长学会了吗？会了就赶快使用起来吧，如果还有疑问欢迎给快站哥留言哦。