Mask

Customization	Reference
HTML selector	🔧 [data-arts-component-name="Mask"]
Component source	📄 HTML/js/components/Mask.js
Component source (gulp)	📄 SOURCE/components/mask/Mask.js

Default Options

defaults: {
  scaleX: 1,
  scaleY: 1,
  autoParentRelative: true,
  clone: true,
  color: 'var(--color-accent-dark-theme)'
}

HTML Markup

<div
  class="js-mask"
  data-arts-component-name="Mask"
  data-arts-component-options="{}"
  data-arts-os-animation="true"
>
  <h1 class="js-mask__target">Mask Target</h1>
  <div class="js-mask__source">
    ...
  </div>
</div>