自定义 jquery/js 滑块动画答案

【问题标题】：Custom jquery/js slider animation自定义 jquery/js 滑块动画
【发布时间】：2015-07-14 20:24:55
【问题描述】：

寻找构建自定义 jquery/js 滑块的方法：从左到右的示例方向：

<div id="slider">
   <div class="item"> Left fade in 1</div>
   <div class="item"> Left fade in 2</div>
   <div class="item"> At center 1</div>
   <div class="item"> At center 2</div>
   <div class="item"> At center 3</div>
   <div class="item"> Right fade out 1</div>
   <div class="item"> Right fade out 2</div>
</div>

中心 3 个元素，每侧 2 个元素使动画具有淡入/淡出..

也许有人可以提供一些示例如何编写它？问候。

【问题讨论】：

伟大的草图:)。也许this 或this 对您有帮助？
删除你说你正在寻找一个库/教程的部分。在关于 SO 的问题中确实不允许这样做。
@Grimbode 谢谢，做到了

标签： javascript jquery html css slider

【解决方案1】：

尝试使用slickslider 并使用变换来变换边缘。我制作了一个jsFiddle，显示了我的意思。也许它可以帮助你正确的方式。

.item.left
{
    -webkit-transform: perspective(600px) rotateY(45deg) scale(0.8);
}

.item.right
{
    -webkit-transform: perspective(600px) rotateY(-45deg) scale(0.8);
}

【讨论】：