From 80f61310a7abad9033395b068e38bab4dc094e56 Mon Sep 17 00:00:00 2001
From: florentduveau <florent.duveau@gmail.com>
Date: Thu, 22 Sep 2016 10:27:00 +0200
Subject: [PATCH] make Carousel animation webkit compatible

---
 src/Carousel.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/Carousel.js b/src/Carousel.js
index 4f3ed16..40849da 100644
--- a/src/Carousel.js
+++ b/src/Carousel.js
@@ -153,7 +153,9 @@ class Carousel extends Component {
         const x = (indexs.indexOf(index) - 2) * elWidth;
         return <div key={index} className={childrenClassName} style={{
           transform: `translate3d(${x}px, 0, 0)`,
+          WebkitTransform: `translate3d(${x}px, 0, 0)`,
           transition: (x === -(2 * elWidth) || x === (size + 1) * elWidth) ? 'none' : `transform ${speed}ms`,
+          WebkitTransition: (x === -(2 * elWidth) || x === (size + 1) * elWidth) ? 'none' : `transform ${speed}ms`,
           willChange: "transform",
           opacity: (x === -(2 * elWidth) || x === (size + 1) * elWidth) ? 0 : 1,
         }}>{children[index]}</div>;