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)
animated
animation
background
castle
css
design
fantasy
illustration
interactive
portfolio site
responsive
sketchapp
uxdesign
vector
webdesign
View all tags
Posted on
Aug 12, 2019
More by 🪲 Tom Ulman View profile
Like