CODEWITHSUNDEEP
javascriptjquerycss
rohitnaidu19
rohitnaidu19

Reputation: 693

css3 cross browser transforms not working

I am trying following code for a client where an envelope opens and a card comes out. I am using pure CSS3 transforms and rotations. It is working perfectly in chrome and opera. In Mozilla it gives few glitches, but in safari and IE 10+ it is not working at all. I have used all vendor prefixes. Am I missing something? Can this be done in javascript for cross browser?

http://markroland.com/project/css-greeting-card/demo/index-webkit.html

Upvotes: 0

Views: 58

Answers (1)

Anders Flink
Anders Flink

Reputation: 81

Looking at your code I'm guessing that it could be the transitionend event that is your problem. different browsers throw different events. Se How do I normalize CSS3 Transition functions across browsers?

document.getElementById('').addEventListener('transitionend', function(event) {

Upvotes: 1

Related Questions