Skip to content
/ anim Public

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

License

Notifications You must be signed in to change notification settings

ftrain/anim

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 

Repository files navigation

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages