I have attached a sample PDF to broadly show the functionality that is required. This must be written in HTML5 as simply as possible.
- The image must animate from its existing position to the larger area.
- If the image is at the bottom, it must enlarge from here to the larger image.
- If the image is at the top, it must enlarge downwards to fill the larger space.
- The current layout must stay the same.
- A white transparent tint around the image to lay over the rest of the page is needed.
- Clicking anywhere on the image (not outside it) will reduce the image back to its original size.
You must be able to complete this work within 24hours of accepting the project.
Any questions, please let me know.