pseudodo

Version:

Polyfill for animatable content properties on psuedo elements

30 lines (19 loc) • 1.16 kB

Markdown

![An old drawing of a Dodo stooping, artist unknown](https://raw.githubusercontent.com/bogstandard/pseudodo/master/dodo.jpg?token=ACHMHCRFV325JC5WPLCDQ7K5DPEBU) # 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](https://ericdaddio.co.uk) 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](https://www.oldbookillustrations.com/illustrations/raphus-cucullatus/), artist sadly unknown.