|
|
|
@ -14,22 +14,19 @@ Image packages and libraries are not allowed.
|
|
|
|
|
|
|
|
|
|
## User Stories
|
|
|
|
|
|
|
|
|
|
- [ ] User can see a pane containing a single image repeated in a 2x2 matrix.
|
|
|
|
|
- [ ] User can flip any one of the images vertically or horizontally using
|
|
|
|
|
a set of up, down, left, and right arrows next to the image.
|
|
|
|
|
- [ ] User can see a pane containing a single image repeated in a 2x2 matrix
|
|
|
|
|
- [ ] User can flip any one of the images vertically or horizontally using a set of up, down, left, and right arrows next to the image.
|
|
|
|
|
|
|
|
|
|
## Bonus features
|
|
|
|
|
|
|
|
|
|
- [ ] User can change the default image by entering the URL of a different
|
|
|
|
|
image in an input field.
|
|
|
|
|
- [ ] User can display the new image by clicking a 'Display' button next to
|
|
|
|
|
the input field
|
|
|
|
|
- [ ] User can change the default image by entering the URL of a different image in an input field
|
|
|
|
|
- [ ] User can display the new image by clicking a 'Display' button next to the input field
|
|
|
|
|
- [ ] User can see an error message if the new images URL is not found
|
|
|
|
|
|
|
|
|
|
## Useful links and resources
|
|
|
|
|
|
|
|
|
|
- [How to Flip an Image](https://www.w3schools.com/howto/howto_css_flip_image.asp)
|
|
|
|
|
- [Create a CSS Flipping Animatin](https://davidwalsh.name/css-flip)
|
|
|
|
|
- [How to Flip an Image](https://www.w3schools.com/howto/howto_css_flip_image.asp)
|
|
|
|
|
- [Create a CSS Flipping Animatin](https://davidwalsh.name/css-flip)
|
|
|
|
|
|
|
|
|
|
## Example projects
|
|
|
|
|
|
|
|
|
|