diff --git a/animation/02-drop-down/README.md b/animation/02-drop-down/README.md index 54d3e68..cedac0c 100644 --- a/animation/02-drop-down/README.md +++ b/animation/02-drop-down/README.md @@ -1,7 +1,15 @@ # Dropdown +Here you'll make your very own dropdown menu using pure CSS. + +Animate the appearance of a list so that it slides down when you hover your mouse over the button. This exercise will need multiple CSS selectors to get it working properly. + ## Desired Outcome ![outcome](./desired-outcome.gif) ### Self Check +- Does the button's background color change when you hover on it? +- Does the list smoothly slide down underneath the button when the button is hovered over? +- Does the list smoothly slide back up to hiding when the mouse is moved away from the button or a list element? +- Does the list appear and disappear when it is supposed to i.e. only when the mouse is over the button or a list element? \ No newline at end of file diff --git a/animation/02-drop-down/desired-outcome.gif b/animation/02-drop-down/desired-outcome.gif new file mode 100644 index 0000000..572ad35 Binary files /dev/null and b/animation/02-drop-down/desired-outcome.gif differ