图片旋转木马效果

Transition.gif

代码很简单,大概 思路:
1, 添加图片, 设置position, 图片叠加, 共用一个中心点;
2, 图片设置y轴旋转, 共9张, 一圈360°, 每张依次旋转+=40°, 第一张旋转0°;
3, 将图片拉开排布, 设置translateZ( );
4, 添加点击事件, 让图片动起来.


话不多说,看代码

1, 结构


    

2, 样式


3, javaScript


你可能感兴趣的:(图片旋转木马效果)