Floating Interactive SVG Castle

See the live version here: https://www.thomasulman.com/

Dig into the code here: https://codepen.io/AlmostHuman/pen/EzddpG

I used a floating castle SVG I made in sketch to create a fin animation. I used CSS Grid for responsiveness, CSS Keyframe animations for a neat floating effect and mousemove in JS with CSS translate and transform to create moving aspects of the SVG. Uses JQuery, CSS & HTML. My initial inspiration for this mini project was the 404 page from github (https://github.com/404)

🪲 Tom Ulman
Experience Design Engineer

More by 🪲 Tom Ulman

View profile