I made this little [Codepen demo](http://codepen.io/bookcasey/pen/Finbf) of a ‘printing’ page.
Basically, the animation is:
And called with: `animation: print 3s cubic-bezier(.75,.8,0,-0.5)`
I played around with `cubic-bezier()` to get the back-and-forth type movement a printer makes when going back over to plop down some more ink.
I’ve curious is anyone has any tips to make a more detailed / realistic, or at least read better like it’s coming out of a printer.
[Here’s my go at it](http://codepen.io/joe/pen/zykhi “Printer Effect”). I think the key is emulating the jittery-ness of a printer. I used linear transition, but I made the keyframes have a stop-n-go feel.
Thanks, Dustin. Very cool.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".