Need help with amplify?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
charlestati

Description

A tiny script allowing inline image zoom

458 Stars 17 Forks Apache License 2.0 13 Commits 1 Opened issues

Services available

Need anything else?

Amplify

Demo gif

Overview

Amplify allows users to increase the size of images.

Best used in narrow containers, between paragraphs.

It is lightweight: 29 sloc of JS and 23 sloc of SCSS resulting in 1.22kB combined.

Demo

Quickstart

Photo

Browser Support

  • Chrome
  • Firefox
  • Safari

Probably Edge, Internet Explorer 10+ and Opera too.

Known bugs

  • Sometimes the first transition is not smooth
  • Adding a wrapper for image centering prevents margin collapsing with the paragraphs

Todo

  • Use
    transform: scale()
    or JavaScript for smoother transitions
  • Find a better naming system as
    .js-*
    in CSS is not ideal

License

Apache 2.0

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.