![[代码样式]用JavaScript制作左右两列3D旋转木马效果](https://www.weimahe.com/wp-content/uploads/2020/08/hMl6xs1756.jpg "[代码样式]用JavaScript制作左右两列3D旋转木马效果")
简介
本示例是使用 JavaScript 和 CSS3 制作的左右两列 3D 旋转木马效果，来自国外，效果和之前介绍的 multiscroll.js 的效果类似，用来展示介绍性的内容是不错的选择。
浏览器兼容
![[代码样式]用JavaScript制作左右两列3D旋转木马效果](https://www.weimahe.com/wp-content/uploads/2020/08/myJcfT1694.png "[代码样式]用JavaScript制作左右两列3D旋转木马效果"){kind=small} |
![[代码样式]用JavaScript制作左右两列3D旋转木马效果](https://www.weimahe.com/wp-content/uploads/2020/08/6vuYXS1729.png "[代码样式]用JavaScript制作左右两列3D旋转木马效果"){kind=small} |
![[代码样式]用JavaScript制作左右两列3D旋转木马效果](https://www.weimahe.com/wp-content/uploads/2020/08/sKKNqV1694.png "[代码样式]用JavaScript制作左右两列3D旋转木马效果"){kind=small} |
![[代码样式]用JavaScript制作左右两列3D旋转木马效果](https://www.weimahe.com/wp-content/uploads/2020/08/3dMJ071694.png "[代码样式]用JavaScript制作左右两列3D旋转木马效果"){kind=small} |
![[代码样式]用JavaScript制作左右两列3D旋转木马效果](https://www.weimahe.com/wp-content/uploads/2020/08/J1fEzh1694.png "[代码样式]用JavaScript制作左右两列3D旋转木马效果"){kind=small} |
![[代码样式]用JavaScript制作左右两列3D旋转木马效果](https://www.weimahe.com/wp-content/uploads/2020/08/mUTY3d1694.png "[代码样式]用JavaScript制作左右两列3D旋转木马效果"){kind=small} |
|---|---|---|---|---|---|
| – | — | Chrome | Firefox | Opera | Safari |
来源：https://codepen.io/paulnoble/pen/yVyQxv
[b2_file link="
百度网盘" name="用JavaScript制作左右两列3D旋转木马效果" pass="" code=""]
