Empêcher les enfants d'hériter de rotation de la transformation en CSS
J'effectue un CSS transform: rotation sur un parent, mais voudrais être en mesure de nier cet effet sur certains des enfants - est-il possible sans l'aide de l'inversion du sens de rotation?
Inversion du sens de rotation fonctionne, mais il affecte la position de l'élément, et peut avoir un impact négatif sur les performances (?). En tout cas, il ne ressemble pas à une solution propre.
J'ai essayé le "transform: none" suggestion de cette question empêcher les enfants d'hériter de la transformation css3, mais il n'a tout simplement pas de travail - s'il vous plaît voir le violon ici: http://jsfiddle.net/NPC42/XSHmJ/
OriginalL'auteur NPC | 2012-03-01
Vous devez vous connecter pour publier un commentaire.
Peut-être que vous avez à écrire comme ceci:
Vérifier ce pour plus de http://jsfiddle.net/XSHmJ/1/
Mis à JOUR
Vous pouvez poursuivre
:after & :before
pseudo classe pour cette.cochez cette http://jsfiddle.net/XSHmJ/4/
Vérifier mes mises à jour de violon
J'aime l' :après la solution, vraiment cool, mais ne fonctionne que si la rotation de l'élément est un objet très simple qui peut être "créé" par pure CSS. Toujours une très bonne idée, peut être utile un jour, merci!
+1 pour :après la solution
OriginalL'auteur sandeep
Si vous voulez appliquer des effets de transformation sur un parent sans affecter ses enfants, vous pouvez tout simplement animer des parents, un pseudo-élément comme ceci:
Cela a fonctionné pour moi. JSFiddle
OriginalL'auteur jlang