Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including pseudodo with all npm packages installed. Try it out:

var pseudodo = require("pseudodo")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

pseudodo v1.0.0

Polyfill for animatable content properties on psuedo elements

An old drawing of a Dodo stooping, artist unknown

Pseudodo

Polyfill for animatable content properties on pseudo elements in non-supportive browsers (eg. Safari).

Why?

Safari doesn't support animatable psuedo elements just yet, this package remedies this with a sneaky polyfill. Just dump it in and your pseudo elements animated by your CSS should get going across platforms.

I use this on my personal site, to animate the dancing bars on the RTL Watch square for Safari.

Why not just use a gif? That's far less fun.

Usage

This is an npm package, download & require it like you normally would anything else. The package exports a listener to the DOM to get going once its safe to.

npm install pseudodo
require('pseudodo')

Contributors

This was built from a gist so its pretty rough, if you can improve it please contribute away!

Dodo image

The Dodo image is from Old Book Illustrations, artist sadly unknown.

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free