Image Reveal Effect on Scroll (Motion.page)

In this Motion.page tutorial I will show you how to do this cool image reveal effect when scrolling down the page. I recently came across this website (https://kokokombucha.pl/) and thought I would try to recreate the bottle image reveal effect using Motion.page. Purchase Motion.Page: https://motion.page/go/wickydesign/ Motion.Page Overview Video: https://www.youtube.com/watch?v=RW9Vwg5sZRo Download HTML and CSS Code: https://wickydesign.com/image-reveal-effect-on-scroll-motion-page/ Timestamps: 0:00 Introduction 0:34 Gather Image Assets 1:14 Add HTML and CSS 4:51 Motion.page Tutorial Stock Image Used: https://www.freepik.com/premium-vector/negroni-cocktail-with-ice-cube-twist-slice-lemon-vector-vintage-hatching-color-illustration-isolated-white-background-hand-drawn-design_23794880.htm Our Recommended Tools Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business! WE NOW HAVE MERCH: https://wickydesign.myspreadshop.com/ WORDPRESS PLUGINS: ✔️ Elementor: https://wickydesign.com/get-elementor ✔️ Crocoblock: https://crocoblock.com/?ref=2562 ✔️ Ultimate Add Ons: https://ultimateelementor.com/pricing/?campaign=UE&bsf=8362 ✔️ Elementor Custom Skin: https://gumroad.com/a/545789043 ✔️ All In One SEO: https://www.shareasale.com/r.cfm?b=1491200&u=2081667&m=94778 BUSINESS TOOLS: ✔️ Dubsado: https://www.dubsado.com/?c=wickydesign ✔️ MailerLite: https://www.mailerlite.com/a/jrdqblbizo ✔️ Wave: https://waveapps.com/ GRAPHICS: ✔️ Adobe: http://clkuk.tradedoubler.com/click?p=264355&a=3228525 WEBSITE HOSTING: ✔️ KnownHost: https://www.knownhost.com/?aid=71319c26 ------ For more information regarding our web design and branding services, please visit https://wickydesign.com