Reputation: 693
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
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