From the course: Angular: Animations
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Challenge: Transition the toolbar with a fade - Angular Tutorial
From the course: Angular: Animations
Challenge: Transition the toolbar with a fade
“
(upbeat music) - [Instructor] In order to keep the user focused on video content alone, it might be beneficial to hide the toolbar when not in use and activate it when we detect user interest. How might we create a fade transition to show or hide the video toolbar controls based upon user interaction?
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
Video playback overview1m 18s
-
(Locked)
Adding animation packages3m 31s
-
(Locked)
Old animation cleanup1m 51s
-
(Locked)
Creating Angular components2m 57s
-
(Locked)
Component instantiation and data value translation4m 3s
-
(Locked)
Animating the video title2m 58s
-
(Locked)
Animating the playback overlay3m 6s
-
(Locked)
Providing playlist motion3m 31s
-
(Locked)
Challenge: Transition the toolbar with a fade28s
-
(Locked)
Solution: Transition the toolbar with a fade3m 21s
-
-
-