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.
<img class="js-amplify" src="photo.jpg" alt="Photo">
Probably Edge, Internet Explorer 10+ and Opera too.
- Sometimes the first transition is not smooth
- Adding a wrapper for image centering prevents margin collapsing with the paragraphs
- Find a better naming system as
.js-*in CSS is not ideal