6.41 SVG Animated with setTimeout javascript View in a new window

An example animation for use as a double banner. Uses the modulus to kinf of randomise which squares blink and when.

Twig: components/animations/blinkPaths.twig

Example

BLINKY SQUARES

Markup
<div class="promo promo--double">
  {% include '@uts_theme/components/animations/blinkPaths.svg' %}
  <h1>BLINKY SQUARES</h1>
</div>