punkfairie/odin-css-exercises
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update README for dropdown

Browse source
This commit is contained in:
conor 2021-10-17 23:08:33 +01:00
parent d7b6741657
commit 05b66966ce
2 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
animation/02-drop-down/README.md
View file

@ -1,7 +1,15 @@
# Dropdown # 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 ## Desired Outcome
![outcome](./desired-outcome.gif) ![outcome](./desired-outcome.gif)
### Self Check ### 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?

BIN
animation/02-drop-down/desired-outcome.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 81 KiB