Travel Flip Card Animation with CustomClipper and Transform Widget in Flutter

Описание: In this episode, we will create a stunning Flip Card animation that we found in HTML, CSS and JavaScript and Mahtab rebuild that fantastic Animation with Flutter. She will explain how to use the CustomClipper and the Transform Widget with an Animation.

00:00 - Introduction
00:23 - Overview over the boilerplate code
01:30 - Clipping of a triangle on the card
02:45 - Translate Animation Horizontally
05:00 - Clipping of triangle inside of the card
05:55 - Folding Animation
07:40 - Final Result and Outro

⭐️⭐️Helpful Ressources ⭐️⭐️
Flutter CodePen: https://codepen.io/mt-tadayon/pen/xxw...
Original CodePen from Madalena Aza: https://codepen.io/Madalena-Design/pe...
GitHub Repository: https://github.com/mt-tadayon/travel_...
GitHub issue for Flutter Web: https://github.com/flutter/flutter/is...

Tools we use to grow our YouTube channel
TubeBuddy Review - Manage Your YouTube Channel Easily
https://www.tubebuddy.com/flutterexpl...

Our current YouTube gear
🎙 Samson Mic: https://amzn.to/324Gpof
📟 Satechi USB-C Adapter: https://amzn.to/3kUdQ5M
💻 MacBook Pro: https://amzn.to/3iQ9MBx
📹 Lumix FZ1000: https://amzn.to/3g7tW8D

⭐️⭐️Follow us ⭐️⭐️
Twitter Mahtab -   / mahtab_dev  
GitHub Mahtab - https://github.com/mt-tadayon

Twitter Max -   / flutter_exp  
Github Max - https://github.com/md-weber

Homepage - https://myracledesign.de/blog

⭐️⭐️ Support ⭐️⭐️
If you read this so far, thank you once more. If you like to support us, here are some links that could help me a lot.

Donation via Streamlabs - You are free to donate us a small amount, so we can keep up our work.
https://flutterexplained.live/

Amazon Affiliate Link - You buy for the same price and I get a small amount of it. This leads to an amazing Flutter book that I can recommend to every beginner of flutter https://amzn.to/2uOJXON