ftrain / anim

A CSS animation slider-box that recreates the DPaint animation tools

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

anim

You can see this in operation at:

http://ftrain.github.io/anim/

It's a really rough thing with no coding standards, the result of a bunch of fiddling. You'd probably do better to just rewrite it rather than hack on it (I mean, when I sit down to work on it, I'll probably rewrite it).

What is it?

I started messing around with DPaintIV recently and making animations, in order to do the illustrations for this essay:

https://medium.com/message/networks-without-networks-7644933a3100

And I decided to see if I could get CSS to create simple repeating animations using DOM elements.

I hacked for a couple hours and landed here. I'm putting it up on GitHub because I'm trying to get stuff off my hard drive and into the world.

It's nowhere near done--it doesn't save your work or anything.

But it's kind of neat and I would like to return to it, or work it into some products.

What should it be?

The thing I'd like is to be able to define simple looping animations for short chunks of HTML. The place that's most attractive for this, for me, is headlines, pull-quotes, stuff like that--HTML could be a carnival and instead everyone is aping prints. Headlines that do things and throb a little or sing or dance could make for a more joyful Internet.

So that's where I'll take this, maybe: As a little headline-making tool that lets you create a headline style that will be a little exciting. Some font choices, etc.

About

A CSS animation slider-box that recreates the DPaint animation tools

License:GNU General Public License v2.0


Languages

Language:HTML 100.0%