Project Challenge 5: Moving and Removing Tasks with Effects
Add fade-out and fade-in effects when a task moves from to-do to done. Also, add a fade-out effect when a task is deleted.
We'll cover the following
Problem statement
In this challenge, we will add effects to the existing project. The task is as follows:
-
When the user clicks on one of the done
button
elements, the corresponding parent task element from the “To-do” list fades out (1 second) and fades back in (1 second) to the end of the “Done” list. -
When the user clicks on one of the delete
button
elements, the corresponding parent task element fades out (1 second) and is deleted from the webpage.
Get hands-on with 1200+ tech skills courses.