How to Design a Sticky Scrolling Pizza Effect in Editor X

Learn how to design a sticky scrolling pizza effect in Editor X with some sweet animations! Animations on websites don’t have to be difficult to build, and with Editor X, it’s easier than ever.
Subscribe for more web design videos and tutorials:
Join the Creative X Crew community here:

Today, Brad Hussey, a web designer, teaches you how to create an animated website in Editor X. This isn’t just any website though, it’s an animated pizza website! You’ll learn how to implement a pizza toppings sticky scrolling effect, and how to use Editor X animations without any code. We’ll be covering two mini-projects in this video: one where we’ll work with animating pizza toppings, and another where we’ll create a sticky scrolling effect as pizza toppings animate in.

Creating this fun pizza scrolling effect has also taught me a thing or two about combining animations with Editor X sticky scrolling. Know any great Editor X or web design tips that we didn’t cover in today’s video? Maybe you love creating scrolling effects and have ideas or projects that you’re proud of. If so, share in the comments below!

Looking to get started with designing your next website with Editor X:

Connect with me on:

New to the channel? My name’s Brad Hussey. I'm a web designer and I’ve partnered with Editor X to create an inspiring, educational, and world-class YouTube channel and community for professional web designers and design agencies who are mastering the art, business, and craft of web design. On this channel, I’ll show you how to build websites with little code. I’ll also cover topics like, choosing fonts for web design, layout design for websites, and tons of Editor X tips and tricks videos and guides to get you started on your website creation process.

Learn how to make responsive websites and join us every week for new web designer tutorials, Editor X videos, livestreams, and challenges.

0:00 How to Design a Sticky Scrolling Pizza Effect in Editor X
0:50 Exporting Pizza Layers into PNG Files
1:11 Animations in Editor X
3:43 Sticky Scrolling in Editor X
6:13 Troubleshooting in Editor X
6:53 Adding Text & Button in Editor X

#EditorX #WebDesign #WebsiteAnimations
Web design
Be the first to comment