2018年，在我司推送的《别让老板看到！》一文中，首次将图文高度拉伸展开效果引入完成技术实践后，先后并成为各大品牌数次定制的交互技术之一。
今天同样给大家带来一则具有高度拉伸特性的交互图文，以我们交付于英菲尼迪的《英菲尼迪故事无限公司，今日正式开业》推文为分享案例。
传送链接：
文章篇幅和内容上都较为精简，但在SVG技术的支持下使内容呈现质的飞跃。接下来给大家简单分析，在这篇推送中使用到的技术以及达到的内容优化效果。
可以看出开篇无需明显引导，通过点击封面淡出消失，将隐藏的图文内容高度展开，这已经成为用户熟知的交互方式，并能够快速执行产生交互效果。在原文第二部分，借助「css横版视频精准定位」技术，使视频不再以常见的平面直铺的方式出现，将呈现方式与内容有机结合。其次，使用「穿透触发弹出大图」引导用户点击查阅弹出详细信息，这个过程又一次产生互动，呈现了更加丰富的视觉动态效果。
小小总结，推送使用技术：图文高度展开+css横版视频精准定位+穿透触发弹出大窗
当然，交互创意不仅局限于此，经过视觉优化、技术移植，使图文内容拥有更优质的呈现效果，我司也在不断迭代更新技术创意和代码逻辑，开发层出不穷的SVG交互图文创意玩法。
