Pure CSS animation(codepen.io)

over 1 year ago from Maxime Viktorovich, Web developer

  • Liam WheatonLiam Wheaton, over 1 year ago

    Lol you're missing the point. This is a demonstration of the possibilities of pure CSS animation—it's in no way suggested that this is an efficient way to animate a 2 minute promo video.

    I'll spell it out for you seeing as you seem to be having a little difficulty. Here are three ideas you can take away from this example (and perhaps use to help progress your own skill set):

    1. This is a great animation made purely in CSS. If this example is possible—perhaps I can consider using CSS to achieve that really simple 4 second mp4/gif/'javascript library + after effects export' animation I've implemented in my project

    2. Because this type of high quality, high performance, responsive animation is possible using CSS, perhaps we should consider simplifying the process to create something similar? Maybe this will be a library, maybe a framework, maybe a web/native app? Maybe a new animation friendly flavour of CSS.

    3. "Wow this is really cool, I thought programming and markdown languages were all scary gross things like math—maybe as a designer I'll start looking into basic html5/css animations and see what cool stuff I can create" ... it's posts like this that get people interested in cross disciplinary skills and further blurs the line between designers and programmers.

    What this post is not saying:

    1. Look at this, it's super cool and easy. You should go and refactor all of your 2 minute animations and videos into CSS. It's way easier than flash.

    2 points