For this page I used a combination of CSS animations and Javascript. In order to get the terms to change every time you clicked I used an event listener in Javascript. In addition to that, I would have a random number between 0 and 42 generated and I would retrieve the english and latin terms that were connected with that number based on their possition in the list they were in. To cover up the answer to the problem, I used CSS animations which would, unless hovering on the area, cover up the answer. For this I used the terms for my next latin quiz. I hope you enjoy this!
GO TO PROJECT
GO BACK TO PROJECTS PAGE