Zoom Effect – CSS and JavaScript tutorial – Day 30

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.

๐Ÿ“น 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

2 thoughts on “Zoom Effect – CSS and JavaScript tutorial – Day 30

Leave a Reply