Mona & Maria animation

Efter en brainstorm med artisterne Mona & Maria, fandt jeg ud af at det kunne være spænende at prøve at lave en interaktiv version af deres pladecover. Deres cover, er som i kan se, 2 billeder der er lagt oven på hinanden. Det jeg gerne ville prøve var at gøre så man ved hjælp af musen kunne bestemme hvilket billede man skulle se, samt gøre overgangen fin. Opgaven blev løst via Html og Css3. Ydermere ville jeg kunne aktivere funktionen fra et element som kunne ligge uden for billederne. Her fik jeg hjælp af et lille jquery script som kan skifte “class” på et “div” når man aktiverer “hover”.

Se eksperiment

Er usikker på hvordan jeg skal bruge denne animation, det må fremtiden vise.

Tags: , , ,