This is the second part of series of articles walking through building a Rick and Morty wiki. We’ll start off with some basic animations that happen when the page load, learn how to trigger them on hover, and build out a wrapper that allows us to gracefully transition our pages in Next.js. We’re going to use the concepts of Framer Motion to add interaction and page transition effects to our app. The Motion API stems from that work, but is conveniently available as a separate package that we can use for animation control. What is Framer? Framer itself is a UI prototyping tool that allows you to create interactive interfaces with animations that you can hand off to your team, while the Framer API is a Javascript library that lets you do that with code. It provides ready-to-go animations and gesture controls that makes it easy to create dynamic effects.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |