Animations

Arrigo is enhanced with performant on-scroll animations powered by Greensock TweenMax. They are triggered when the page is fully loaded and the element comes into the browser's viewport.

All the "scenes" setup and play are located in the main js/components.js JavaScript file.

<!-- section INTRO -->
<!-- Remove "data-os-animation" attribute wherever needed. -->
<section class="section section-intro bg-dark" data-os-animation="data-os-animation">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <h1>Arrigo <span class="highlight">Sabbani<span class="highlight__bg"></span></span> –
          Creative Artist & Designer Working in London</h1>
      </div>
    </div>
  </div>
</section>
<!-- - section INTRO -->

TIP

Don't need a particular animation? Simply remove the data-os-animation="data-os-animation" attribute from the element. In some cases, you also need to unwrap content from .overflow__content or .overflow__img classes and remove the .overflow__curtain that hides the content. These are safe to remove.