Stunning Card Hover Effect - City Card Hover in #flutter

In todays episode we create a beautiful hover animation that I found in the internet. I explore ways on how to implement the same behaviour we know and love from the web to Flutter. Relevant Links: Source Code: https://www.patreon.com/posts/stunning-card-89173304 Timestamps: 00:00 Welcome! 00:08 Create Project 00:57 Border Problems 01:23 Create Image Container 05:13 Create a Border Container 08:00 Create the Hovering Text 11:45 Reenable button with IgnorePointer 12:32 Make the Background Glassy 13:52 Animate the Layer 19:48 ClipRRect to the rescue Inspired by https://www.youtube.com/watch?v=3RvQJX1_fKQ from @ModernWeb ----------------------------------------------------------------------------------- YOUTUBE ►► https://youtube.com/c/flutterexplained KICK ►► https://kick.com/devcafe MASTODON ►► https://fosstodon.org/@flutterexp MATRIX ►►https://bit.ly/flutter_explained_matrix DISCORD ►► https://discord.gg/TRSY4tGHpd -----------------------------------------------------------------