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/xxwzwBO Original CodePen from Madalena Aza: https://codepen.io/Madalena-Design/pen/KKdmyGb GitHub Repository: https://github.com/mt-tadayon/travel_folding_card GitHub issue for Flutter Web: https://github.com/flutter/flutter/issues/50938 Tools we use to grow our YouTube channel TubeBuddy Review - Manage Your YouTube Channel Easily https://www.tubebuddy.com/flutterexplained Our current YouTube gear π Samson
βhttps://tube.tchncs.de/w/dNVyykQvTrqMT6EuE4uZkq