Skip to content

benhatsor/filmstrip

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Filmstrip

Animate keyframes and get CSS

Did you know that you can create animation using just CSS?

Filmstrip is an online editor that helps you with that task.

Combining the power of both positioning and keyframes CSS properties, you will get CSS code ready to use in your site.

Furthermore, you can place the exported animation anywhere and add on to any element.

Creating new keyframes is easy. Just drag from one point to another.

Built with ❤️

  • No external libraries or technolgies.

Contributing

Help me improve it 🌱

Some stuff I want to add:

  • Custom images! (Other than the gray blob XD)
  • Settings! Customize animation duration and replay
  • Animate other properties! Such as height/width, color and more

Just make a pull request if you feel like adding something from the list, or something else entirely :)
Please create a GitHub issue if there is something wrong or needs to be improved.

License

MIT Copyright © 2020 Ben Hatsor (@benhatsor)