IRMA web front-end

Source: animations/index.scss, line 1

6 Animations

Source: animations/checkmark.scss, line 1

6.1 Checkmark

A checkmark to indicate success

Example

<div class="irma-web-checkmark-animation"></div>

Source: animations/clock.scss, line 1

6.2 Clock

A clock to show timeouts

Example

<div class="irma-web-clock-animation"></div>

Source: animations/forbidden.scss, line 1

6.3 Forbidden

A forbidden sign to show issues

Example

<div class="irma-web-forbidden-animation" onclick="var elm = this; elm.className = ''; setTimeout(function() { elm.className = 'irma-web-forbidden-animation'; }, 100)"></div>

Source: animations/loading.scss, line 1

6.4 Loading

A loading animation that precedes the QR code

Example

<div class="irma-web-loading-animation">
  <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>
</div>

Source: animations/waiting-for-user.scss, line 1

6.5 Waiting for user

An animation to show while we wait for the user to disclose credentials from their mobile phone

Example

<div class="irma-web-waiting-for-user-animation"></div>