Ce qui passe pour FF ou Chrome, ça empêche Safari

A la vérification, mon site n'était pas affiché correctement (on peut dire que c'était une catastrophe) sur Safari, malgré que sur Firefox et sur Chrome tout était parfait. Le problème est venu des codes CSS de l'animation du preloader.

 
 
 
 
 
 
 
 
 
 

Le code erroné contient un " ; "

@keyframes spinPulse {
    0% {transform:rotate(160deg);opacity:0}
    50% {transform:rotate(145deg);opacity:1}
    100% {transform:rotate(-320deg);opacity:0};
}

Supprimez ce petit code à la fin de la dernière ligne (et tous les lignes), dans l'animation il n'y a nulle part, ça va marcher sur tous les trois navigateurs comme ça ! :

@keyframes spinPulse {
    0% {transform:rotate(160deg);opacity:0}
    50% {transform:rotate(145deg);opacity:1}
    100% {transform:rotate(-320deg);opacity:0}
}
 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*