I’ve been building animations 👀😅

So, it’s been a while..
My last post I built my very first game out of JavaScript. Since then I took some personal time, I had a birthday, held a charity fundraiser and continued to learn and build things..

I’ve been working on my responsive development and within this course I learnt about animations.. of course I’ve touched on them before, keyframes, easing-in, easing-out blah blah but this time I was like damn! Animations, why did I breeze past this last time! 👀

I love front end development, the possibilities with HTML and CSS Styling alone 🤩 it’s like painting or drawing but in code.

So I recently built 2 animations, one is a scene, there’s a cheeky animation to begin with and then it’s interactive after that, the second is a silly tiny violin inspired to me by an annoying friend who I told one day I’d build him a tiny violin for his troubles 😂

My Animated Landscape
It’s browser or minimum landscape tablet only just because it’s an animated scene, it’s built in HTML, CSS and some jQuery. The images are free SVGs from a google search.

Animated Landscape

My Tiny Violin
It works all devices, so it’s mobile friendly 🙂
It’s built in just HTML and CSS.
The images are SVGs and the music is also from a google search but is credited in the footer.

Tiny Violin

I had a TON of fun building these, I hope you enjoy them also! 😅

The code for them is linked on the webpages, feel free to have a nose