Verhindern Sie, dass Kinder die Transformation in CSS rotieren

8

Ich führe eine CSS-Transformation durch: rotiere auf einem Elternteil, möchte diesen Effekt jedoch bei einigen der Kinder negieren können - ist es möglich, ohne die umgekehrte Rotation zu verwenden?

Die umgekehrte Rotation funktioniert zwar, wirkt sich jedoch auf die Position des Elements aus und kann sich negativ auf die Leistung auswirken (?). In jedem Fall sieht es nicht wie eine saubere Lösung aus.

Ich habe den Vorschlag "transform: none" aus dieser Frage ausprobiert verhindere, dass Kinder die Transformation erben css3 , aber es funktioniert einfach nicht - bitte sieh dir die Geige hier an: Ссылка

    
NPC 01.03.2012, 09:25
quelle

3 Antworten

7

Ich glaube, dass Sie es mit einem zweiten Kind fälschen müssen, die Spezifikation scheint nicht das Verhalten zu erlauben, das Sie möchten, und ich kann verstehen, warum die Position eines Kindelements durch a beeinflusst werden muss in seine Eltern verwandeln.

Dies ist nicht die eleganteste Lösung, aber ich denke, Sie versuchen etwas zu tun, was die Spezifikation niemals zulassen wird. Schau dir die folgende Geige für meine Lösung an:

%Vor% %Vor%
    
michaelward82 01.03.2012, 09:51
quelle
11

Vielleicht musst du so schreiben:

%Vor%

Überprüfen Sie dies für mehr Ссылка

AKTUALISIERT

Sie können :after & :before psuedo class dafür verklagen.

Überprüfen Sie dies Ссылка

    
sandeep 01.03.2012 09:31
quelle
2

Wenn Sie transformierende Effekte auf ein Elternelement anwenden möchten, ohne seine Kinder zu beeinflussen, können Sie einfach das Pseudoelement eines Elternteils wie folgt animieren:

%Vor%

Das hat wirklich für mich funktioniert. JSFiddle

    
jlang 08.04.2016 11:02
quelle

Tags und Links