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.
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
Top comments (1)
Woot! Sounds like ya have been up to some good stuff! 🙌
And ha! I can imagine that tiny violin is gonna come in handy throughout life... the perfect present for a pity party. 😀
Really appreciate ya sharing these animations!