The Stone Roses
Client
Project Type
HTML5 & CSS3
I recreated The Stone Roses Swiss Poster using HTML and CSS, and added transitions and animations to create interactivity between the user and the website.
Project Background
The challenge was to replicate the poster and all of its elements using HTML and CSS, and add animations and transitions of my choosing to make the design interactive and dynamic.
Design Challenge
Prior to writing the HTML and CSS code to create the poster, I planned which two transitions and which two animations I wanted to add. Transitions occur when the user hovers their mouse over the trigger object, and animations occur without a prompt from the user. I also outlined which classes and CSS commands would be required for each interaction.
Process
Client
The final website with the swiss poster included all of the planned transitions and animations, and very closely resembles the original poster composition. By understanding how HTML and CSS work together and effect each other, plus working out errors as they occurred, I was able to provide a solution that met the design challenge.
Results