Make an Image Fly Across The Screen [Elementor Tutorial]

In this video I'm going to show you how to animate an image across the screen just using CSS. It's almost Halloween so lets do something fun and have a scary ghost float around the screen!! The good news this can all be done using the free version of Elementor! **Bonus Content** In the Part 3: I will show you how to create a button to toggle the animation! Timestamps: 0:00 Introduction 1:20 Part 1: Backend Setup & Simple Animation 13:35 Part 2: Advanced CSS Animation 18:35 Part 3: JavaScript Toggle Animation Button CSS & JavaScript code used in the video: https://wickydesign.com/make-an-image-fly-across-the-screen/ CSS transform Property Link: https://www.w3schools.com/cssref/css3_pr_transform.asp Fun with Viewport Units Link: https://css-tricks.com/fun-viewport-units/ CSS Animation Inspiration Credit: https://support.cargo.site/Make-an-Image-Fly-Across-the-Screen 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! 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 ------ Music in this video Gathering Darkness by Kevin MacLeod is licensed under a Creative Commons Attribution 4.0 license. https://creativecommons.org/licenses/by/4.0/ Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1100849 Artist: http://incompetech.com/ ------ For more information regarding our web design and branding services, please visit https://wickydesign.com #CSSanimation #Elementor #ElementorTutorial