先看下最终的效果：

 
刚接触XD,看到网络上很多人用XD做了非常酷炫的效果；模仿大神做了一个滚动交互动效。
1、XD插入3个画板（不会的自己去学习下XD 基本操作）

2、做一个卡片并复制四份  对齐使其如下图：

 
3、其他画板都复制一份这个四边形，动画关键的一点说明：第二个画板旋转90度  第三个画板旋转180度  角度不变化是没有效果的

 
4、制作文字动画，动画的原理是文字上下移动；输入多行文字并复制到每个画板  —移动二画板  三画板的位置—画一个框形状遮罩

 
5、制作原型交互动画

 
6、连接其他交互链接

 
一个卡片滚动交互动效就完成了。
文件下载：
XD卡滚动交互动效.xd
 
下载观看：
XD卡滚动交互动效.mp4