Skip to content
This repository was archived by the owner on Apr 1, 2021. It is now read-only.

Commit 80f6131

Browse files
committed
make Carousel animation webkit compatible
1 parent c0b317b commit 80f6131

1 file changed

Lines changed: 2 additions & 0 deletions

File tree

src/Carousel.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -153,7 +153,9 @@ class Carousel extends Component {
153153
const x = (indexs.indexOf(index) - 2) * elWidth;
154154
return <div key={index} className={childrenClassName} style={{
155155
transform: `translate3d(${x}px, 0, 0)`,
156+
WebkitTransform: `translate3d(${x}px, 0, 0)`,
156157
transition: (x === -(2 * elWidth) || x === (size + 1) * elWidth) ? 'none' : `transform ${speed}ms`,
158+
WebkitTransition: (x === -(2 * elWidth) || x === (size + 1) * elWidth) ? 'none' : `transform ${speed}ms`,
157159
willChange: "transform",
158160
opacity: (x === -(2 * elWidth) || x === (size + 1) * elWidth) ? 0 : 1,
159161
}}>{children[index]}</div>;

0 commit comments

Comments
 (0)