Gyroscope

Gyroscope

Gyroscope

Download

the official templates

Photoshop HTML5 Hype




Inspirations

Icons

Gyroscope
The standard icon gyroscope must appear near the text or image to tell the reader an interaction is available.
Gyroscope
Ideally, there should be a replay button to allow the reader to repeat the interactive experience.

Note

  • Because tilt angle calculation varies from one tablet model to another, we recommend keying the animation to the variation in tilt from level, rather than the actual degree value of the tilt (see example above).

Supported formats

  • Full-screen

    Full-screen

    980 x 670
    500
  • Half-screen

    Half-screen

    480 x 670
    400
  • ⅓ vertical

    ⅓ vertical

    330 x 670
    300
  • ⅓ horizontal

    ⅓ horizontal

    980 x 210
    300
  • ¼ vertical

    ¼ vertical

    230 x 670
    200
  • ¼ horizontal

    ¼ horizontal

    480 x 325
    200
  • ⅙ horizontal

    ⅙ horizontal

    480 x 210
    200
  • ⅛ horizontal

    ⅛ horizontal

    480 x 152
    200
  • ⅛ vertical

    ⅛ vertical

    230 x 325
    200
  • Banner

    Banner

    980 x 70
    200