CSS3 Transition ne fonctionne pas

Je ne pouvais pas obtenir les transitions de travailler sur cette page, quelqu'un a une idée de pourquoi?

div.sicon a {
    transition: background 0.5s linear;
    -moz-transition: background 0.5s linear; /* Firefox 4 */
    -webkit-transition: background 0.5s linear; /* Safari and Chrome */
    -o-transition: background 0.5s linear; /* Opera */
    -ms-transition: background 0.5s linear; /* Explorer 10 */
}
Quel est exactement le problème?
Ce qui sont que vous essayez de faire avec l'arrière-plan?
ressemble beaucoup à moi, en tout cas sur la page ne peut donc pas voir ce qu'est la question.

OriginalL'auteur Extelliqent | 2011-10-28

  1. 12

    De Transition est plus comme une animation.

    div.sicon a {
    background:-moz-radial-gradient(left, #ffffff 24%, #cba334 88%);
    transition: background 0.5s linear;
    -moz-transition: background 0.5s linear; /* Firefox 4 */
    -webkit-transition: background 0.5s linear; /* Safari and Chrome */
    -o-transition: background 0.5s linear; /* Opera */
    -ms-transition: background 0.5s linear; /* Explorer 10 */
}

    De sorte que vous devez appeler que l'animation d'une action.

    div.sicon a:hover {
    background:-moz-radial-gradient(left, #cba334 24%, #ffffff 88%);
}

    Également vérifier pour la prise en charge du navigateur et si vous avez encore un problème avec ce que vous essayez de le faire! Vérifier css-les remplacements dans votre feuille de style et aussi de consulter pour behavior: ***.htc des hacks css.. il y a peut être quelque chose de primordial votre transition!

    Vous devriez vérifier cela: http://www.w3schools.com/css/css3_transitions.asp

    OriginalL'auteur Berker Yüceer

  2. 3

    Est-ce que vous avez besoin de:

    http://jsfiddle.net/vSUQP/16/

    Pas de texte pour répondre.

    OriginalL'auteur

  3. 3

    Pour moi, c'était d'avoir display: none;

    #spinner-success-text {
    display: none;
    transition: all 1s ease-in;
}

#spinner-success-text.show {
    display: block;
}

    De les retirer, et à l'aide de opacity au lieu de cela, la correction du problème.

    #spinner-success-text {
    opacity: 0;
    transition: all 1s ease-in;
}

#spinner-success-text.show {
    opacity: 1;
}

    OriginalL'auteur Abdoosk

  4. 0

    Une manière générale, la réponse pour une question d'ordre général... les Transitions ne peuvent pas animer des propriétés qui sont auto. Si vous avez une transition ne fonctionne pas, vérifiez que la valeur de départ de la propriété est définie de façon explicite. (Par exemple, pour faire un noeud de l'effondrement, quand c'est la hauteur est automatique et doit le rester, mettre la transition sur max-hauteur de la place. Donner le max de hauteur raisonnable valeur initiale, puis la transition vers 0)

    OriginalL'auteur bbsimonbb