Stunning Card Hover Effect - City Card Hover in

Published: 01 January 1970
on channel: Flutter Explained

1,906

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:   / 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    • How to make simple card hover effect ...   from @ModernWeb

-----------------------------------------------------------------------------------
YOUTUBE ►►    / flutterexplained
KICK ►► https://kick.com/devcafe
MASTODON ►► https://procial.tchncs.de/@max
MATRIX ►►https://bit.ly/flutter_explained_matrix
DISCORD ►►   / discord
-----------------------------------------------------------------------------------

My Streaming Setup ►► https://kit.co/flutter_exp/flutter-ex...

-----------------------------------------------------------------------------------

Other Videos:
Client & Server Architecture:    • Client & Server Architecture - Build ...
Files and Folder Structure in Flutter & Dart:    • Files and Folder Structure in Flutter...
Realtime Communication with WebRTC:    • Realtime Communication with WebRTC in...
Why I love Flutter:    • Introduction into Flutter - Flutter A...

-----------------------------------------------------------------------------------

#Flutter #Coding #tutorial

Watch video Stunning Card Hover Effect - City Card Hover in online, duration hours minute second in high quality that is uploaded to the channel Flutter Explained 01 January 1970. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 1,906 times and liked it 82 visitors.

10,980

702