![]() ![]() ![]() The Category Links menu also looks a little bit different in the All Entries page. The Gallery looks a little bit different in each category as well, and has some bonus interactivity in the All Entries page. The synopsis panels also differ in appearance for each of the 6 categories. All list entries have full synopses, taken from their MAL page, which appear on entry hover. I made the font used for the Scores myself, emulating the emblem of the House of Hades in the game. xD In fact, due to the animations this is now the list with the largest code I have made (623 KB, without the descriptions). The animation that flips the gallery entries on click has 90 elements which change dimensions and positions over 14 timestamps. Majority of the elements react on hover, while the gallery and its elements react on click. There's a lot of animations on the list, all of which are pure CSS (some of which are massive code-wise). Every category (Watching, Completed, etc.) looks different, based on different UI skins in the game. I redrew the elements down to the tiniest detail in Illustrator, so they're all SVG, and thus infinitely scalable. Here's some game screenshots for comparison: Game Screenshot #1, Game Screenshot #2 The design is in fact fully based on the Hades game. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |