odin-default-css-exercises/animation/02-drop-down/README.md

# 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?
Set up basic dropdown exercise 2021-10-17 21:43:06 +00:00			`# Dropdown`

Update README for dropdown 2021-10-17 22:08:33 +00:00			`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.`

Set up basic dropdown exercise 2021-10-17 21:43:06 +00:00			`## Desired Outcome`

			`![outcome](./desired-outcome.gif)`

			`### Self Check`
Update README for dropdown 2021-10-17 22:08:33 +00:00			`- 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?`