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
2 responses to “Zoom Effect – CSS and JavaScript tutorial – Day 30”
Do you follow some schedule for 100 days of code cause Tyler Potts has uploaded the same thing today ๐ค๐ค๐ค
Amazing