For this project I was tasked to create a dynamic opening webpage interface, incorporating vector graphics and animation. I really love working with CSS animation and the whole concept of being able to create animations for the web without using any animation framework and only CSS, as one of the most basic / core / accessible languages of the web. I also love the infinitely scalable and low file size qualities of working with SVG graphics.
Certainly the trickiest part of this project for me was making the whole thing responsive. (Check out the demo and resize the window to see this in action). I also really wanted to have the butterfly on an angle, but I couldn’t quite pull that off in the time frame.
If you’re interested in CSS animation you might want to check out my ‘Logocube‘ demo, which is also created with only CSS, but also incorporates CSS 3D layers.