<img src="/images/avatar/large/veronika.jpg" class="ui user image">
<img src="/images/leaves/5.png" class="ui long leaf image">
</div>
</div>
<div class="examples">
<h2 class="ui dividing header">Visibility</h2>
<p>After the animation queue finishes for an element, its final visibility state is determined. If an animation is an outward transition, the final visibility status will be hidden. If an animation is inward the element will be visible after the animation finishes.</p>
<p>If an animation direction is not specified it will automatically be determined based on the elements current visibility. For no example, if the element is visible the animation "fade out" will be called, if the animation is not visible "fade in".</p>