Add links to Hatch pages We can make anything a link. Photos, buttons, text, videos, gifs–you name it… they’re all linkable! Any of these assets can act as buttons. Using the links feature, we can transfer our viewers to other sites or even other pages of our project. In this tutorial, we’ll learn how to…
Tag: interactive webpage
How to make an interactive animated e-card
To celebrate Mother’s Day, we’ve created an adorable virtual card in the style of a photo gallery you can remix. Swap out your own photos and messages for mom or anyone you want to share a caring note with! This step-by-step guide will walk you through how to make an interactive animated e-card that will…
How to animate a webpage with a camera pan
What is the camera pan effect? Imagine having your very own mini digital director who followed your uploaded image as it bounced around your website page. To do this on Hatch, we need to animate a webpage with a camera pan. This process makes creating animated scenes, stories, or just plain cool website animations super…
How to add music to a links page
Musicians have so many different platforms to share music and should be able to promote them all. However, Instagram, TikTok, and Twitter limit the space allowed for links to other sites. With room for just a single link in a bio, a musician may find it difficult to choose what to feature. Just one link…
How to add falling animation effects to webpages
What are falling animation effects? Adding falling animation effects to webpages is a way to make elements on a website drop down a page. Although you can just upload an animated video of content falling, using the Gravity effect on Hatch will elevate the website experience you create. With the Gravity effect, you can make…
Cool interactive webpage effects for 2023
Personal webpages and websites are a great way to promote yourself and your brand, outside of social media platforms. Adding cool interactive webpage effects to your website can make your design stand out and engage your audience in fun and surprising ways. Here are some of the coolest effects to use on your personal webpage. …
How to add gravity effects to a webpage with no-code physics
Make any element on your webpage bounce, fall, float, and bump around without knowing how to code. In Hatch, it’s easy to add gravity effects to a webpage using our physics properties. In another tutorial we worked with a physics-based template by copying the core functionality. This tutorial will walk through how the physics properties…