In this tutorial we’re going to learn how to create a Zoom Effect using #CSS and #JavaScript.
We are going to play around with the ‘mouseover’ and ‘keydown’ events in JavaScript and also the ‘transform scale’ and ‘transform-origin’ property in CSS.
#31Days31Videos

Playlist: https://www.youtube.com/playlist?list=PLgBH1CvjOA62ktHHwqSYBeq4jmGmUezNo
Code on CodePen: https://codepen.io/FlorinPop17/pen/ZEYNjRQ

—
Support my channel:
Join the Discord community by becoming a patron: https://www.patreon.com/florinpop17
One time donations via PayPal: https://paypal.me/florinpop17
Thank you!

—
Follow me on:
Website/Blog: https://florin-pop.com
Twitter: https://twitter.com/florinpop1705
Linkedin: https://linkedin.com/in/florinpop17
Instagram: https://instagram.com/florinpop17
Facebook: https://facebook.com/florinpop17
Github: https://github.com/florinpop17
Dev.to: https://dev.to/florinpop17
Twitch: https://twitch.com/florinpop17

Original source