🎨 CSS Clip Path tool - https://bennettfeely.com/clippy/
🤖 Piece of code for the exit animation - https://goonlinetools.com/snapshot/code/#ft703q5ytbats0p83weuai
🤗 This tutorial has taken over 9 hours of production, so please support this channel and my work via Buy Me a Coffee - https://www.buymeacoffee.com/ubuntuproductions
🪄Affiliated link to Voilá, your Chat GPT virtual assistant for Chrome - https://www.getvoila.ai/?via=aaron-blanco-tejedor
Welcome to our latest YouTube video tutorial! In this comprehensive guide, we will create an entry animation using Bricks Builder and Bricksforge. This tutorial is designed to help you create simple and subtle animations for a website, enhancing its visual appeal and user experience.
Bricks Builder and Bricksforge make creating these animations a breeze. These powerful tools offer a wide range of features that will allow you to design and implement animations with ease. In this video, we'll take you step-by-step through the entire process, from design to the specifics of the animation we'll be working with. So why wait? Let's build it together!
Don't forget to like this video if you found it helpful and subscribe to our channel for more tutorials like this. If you have any questions or need further clarification on anything discussed in the video, feel free to leave a comment below. I am always here to help!
Thanks for watching, love 💚
Chapters:
0:00 Introduction (Thanks Daniele from Bricksforge)
1:16 Inspiration (Thanks Tyree Brown)
2:26 First animation presentation (not final)
4:44 First animation in Figma (not final)
5:07 How to do a triangle with CSS clip-path
6:10 First animation in Figma continuation (not final)
10:27 Short introduction of first animation in Bricks (not final)
13:46 First Sponsor
14:30 Introduction to second and FINAL animation
16:11 Second and FINAL animation in Figma
18:10 Second and FINAL animation on Brick and Brickforge
23:25 BONUS: code snippet for EXIT animation
25:05 Voilá, your Chat GPT virtual assistant for Chrome
29:10 Outro and love