Stunning Card Hover Effect - City Card Hover in

Опубликовано: 01 Январь 1970
на канале: 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

Смотрите видео Stunning Card Hover Effect - City Card Hover in онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал Flutter Explained 01 Январь 1970. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 1,906 раз и оно понравилось 82 посетителям.

10,980

702