Feedback

Scanner

full screen camera overlay with a viewfinder. shown here in a frame.

print.meowda.xyz

Examples

Scan the code

Point the camera at the QR code on the screen.

<div class="qr-overlay live">
  <div class="qr-shade">
    <div class="qr-frame">
      <span class="qr-beam"></span>
    </div>
  </div>
  <div class="qr-top">
    <span class="qr-title">Scan the code</span>
    <button class="qr-btn" type="button">Close</button>
  </div>
  <div class="qr-bottom">
    <p class="qr-hint">Point the camera at the QR code on the screen.</p>
  </div>
</div>

Classes

Class	What it does
`.qr-overlay`	fixed full screen, black
`.qr-frame`	viewfinder with accent corners
`.qr-beam`	scan line
`.qr-btn`	round blurred button