← findnix.eu
🎬 tube.tchncs.de tube.tchncs.de

Recreate the GitHub Card in Flutter - CSS to Flutter Challange

⏱ 1:08:01 🌐 tube.tchncs.de

In todays episode we have a big work todo, we will recreate the beautiful GitHub Card animation layout in #Flutter. First we break down the tasks down what we need to achieve and then we solve each problem. We will first solve how to make the card movable in a 3d space. Then we will add a Spotlight effect to the card. Then we have to add the animated link and last but not least we will implement the Sponsor Cards. Today we are again supported by DCM: https://dcm.lemonsqueezy.com?aff=XA47X If you want to know more checkout the video here: https://youtu.be/ETmPOc7Z4uc If you like my content and like to get even a bit behind the scenes knowledge, I would be very pleased to have you as my Patreons: patreon.com/dev_cafe Relevant Links: Thanks to GitHub for the idea: https://github.com/ Checkout the Demo here: https://flutter-explained-tutorials.web.app/ Source Code: https://www.patreon.com/posts/recreate-github-89599703 Fantastic Article about Transform and Matrix4: https://medium.com

β†—https://tube.tchncs.de/w/tSg4n28Hd58iLSssXqP761
Flutter GitHub Card animation layout spotlight
Indexiert von findnix.eu Β· Eigene Seite einreichen