About me

Welcome to my web2 homepage! My name is Anne-Sophie Charboneau and I am a first year in Micromedia. In my free time, I like to bake, play video games and learn about 2d animation.

Projects

Exercises

1.2: Transitions

Pet the angry bear's head, if you dare.


1.3: 2D Transform

Rotate

Here is the relevant code.

#bear { transition: transform 0.5s; }
#bear.hover { transform:rotate(45deg); }
Scale

Here is the relevant code.

#bear2 { transition: transform 0.5s; }
#bear2.hover { transform:scale(1.5); }
Translate

Here is the relevant code.

#bear3 { transition: transform 0.5s; }
.translate { transform: translateX(-400px); }

1.4: 3d Transform

Hover over the cloud.






Snooze






1.5: Keyframe Animation