CODEWITHSUNDEEP
cssgoogle-chromeanimationcss-transitions
Fabian Vogelsteller
Fabian Vogelsteller

Reputation: 1065

translateX together with transition-timing-function not working in chrome?

I animate an element using the translateX() property, together with a transition-timing-function. But it seems that the timing function is not applied? When i use transition of left: xx instead it works.

But as translate uses the GPU its much faster, so i would like to use this instead. Any ideas why is that?

Upvotes: 0

Views: 569

Answers (1)

Fabian Vogelsteller
Fabian Vogelsteller

Reputation: 1065

The problem is chrome. It seems to be not implemented for translate in chrome. Check the jsfiddle here in the comments.

works in safari, but not chrome.

Upvotes: 1

Related Questions