ages.ng-inactive {
  // messages are hidden
}
</code></pre>
<p>Whenever an inner message is attached (becomes visible) or removed (becomes hidden) then the enter
and leave animation is triggered for each particular element bound to the <code>ngMessage</code> directive.</p>
<p>Therefore, the CSS code for the inner messages looks like so:</p>
<pre><code class="lang-css">.some-message {
  transition:1s linear all;
}

.some-message.ng-enter {}
.some-message.ng-enter.ng-enter-active {}

.some-message.ng-leave {}