Wie animiere ich eine ganze Tabellenzeile in Angular, ohne den Rahmen der Tabellenzeile zu beeinflussen?

Question

Ich habe eine Tabelle, die auf Änderungen basiert, die an einzelnen Tabellenzellen vorgenommen werden. Wenn sich eine Tabellenzelle ändert, möchte ich die Zelle, aber auch alle anderen Tabellenzellen animieren.

Ich bin mit dem Klassennamen "ng-anmiate ng eingeben"

Meine CSS für die Zeile Animieren ist wie folgt.

.ng-enter { 
    -webkit-animation: fadeIn 2s; 
    -moz-animation: fadeIn 2s; 
    -ms-animation: fadeIn 2s; 
    animation: fadeIn 2s; 
} 

Wenn ich die ganze Zeile zu animieren, verblasst die Grenze aus dann in (ich will keine Animation an der Grenze, nur alle Zellen der Tabellenzeile).

Wie kann ich das zum Funktionieren bringen?

Answer 1

Ok, ist das der Beahvior, den du willst? Ich habe eine span in td und dann in CSS:

.ng-enter span { 
    -webkit-animation: fadeIn 2s; 
    -moz-animation: fadeIn 2s; 
    -ms-animation: fadeIn 2s; 
    animation: fadeIn 2s; 
} 

hier die Plunker: https://plnkr.co/edit/ZCv9M8QzW1jO5WzBj8OG?p=preview