1.1.2 #Behaviours.animation.fading-content Fading content animation

Toggle example guides Toggle HTML markup

Predefined and reusable animations, useful for fade content that are going to be animated on income/outcome.

Browser support: IE11+, Safari6+, Firefox30+, Chrome30+

content to be faded ___ content to be faded ___ content to be faded ___ content to be faded ___ content to be faded ___ content to be faded ___ content to be faded ___ content to be faded ___ content to be faded ___ content to be faded
Markup
<div class="sb-fading-content sb-overflow-y-auto" aria-labelledby="fading-content-content" data-kss-animation-switch="sb-fading-content--show,sb-fading-content--hidden" data-kss-animation-name="Fading content show/hidden">
  content to be faded ___ content to be faded ___ content to be faded ___ content to be faded ___ content to be faded ___ content to be faded ___ content to be faded ___ content to be faded ___ content to be faded ___ content to be faded
</div>
Source: layout/_animation.scss, line 54