Bonjour,

j'ai un petit soucis dans ma fonction jquery où j'attribue à un div $('#DIV') via un click un css contenant une animation webkit

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
@-webkit-keyframes BGsize{
 
	0%{opacity:0;-webkit-transform : scale(0,0);}
	1%{opacity:0.1;-webkit-transform : perspective(600) rotateY(-90deg) rotateZ(-120deg);}
	80%{opacity:0.8;-webkit-transform : scale(1.1,1.1);}
	100%{opacity:1;-webkit-transform : scale(1,1);}
	}
je crée une variable contenant les paramètres de l'animation css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
	var cssObj = {
      '-webkit-animation-name' : 'BGsize',
      '-webkit-animation-duration' : '2s',
   	  '-webkit-transform-style' : 'preserve-3d',
	'-webkit-animation-direction' : 'normal',
	'-webkit-animation-iteration-count' : '1'
    }
et ma fonction qui va chercher une autre image à chaque Click

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
 
 
    $(this).css(cssObj).fadeTo(2000,1);
Alors ça fonctionne sous Chrome ...mais pas sous safari ...

Alors que d'habitudes toutes les animations webkit passe à la perfection sous safari contrairement aux autres navigateurs ...et là c'est la première fois que j'arrive pas à faire fonctionner une animations css sous safari.


Merci.