D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
jupegarnica
Full window
Github gist
Product Magnification without JavaScript
<div class="container"> <div class="zoom"> <div class="zoom__top zoom__left"></div> <div class="zoom__top zoom__centre"></div> <div class="zoom__top zoom__right"></div> <div class="zoom__middle zoom__left"></div> <div class="zoom__middle zoom__centre"></div> <div class="zoom__middle zoom__right"></div> <div class="zoom__bottom zoom__left"></div> <div class="zoom__bottom zoom__centre"></div> <div class="zoom__bottom zoom__right"></div> <img class="zoom__image" src="https://www.emmettlollis.com/productphotography/images/product-01.jpg" alt=""> </div> </div>