watching-you is a javascript library for building animations that watch anything on DOM 👀.
ISC License
The source code can be found here
watching-you's storybook using react, but every framework can do the same thing!
https://jj811208.github.io/watching-you/storybook
⚠️ The API is still subject to change until version 1.0.0 is released ⚠️
If you use watching-you
directly without any compiler(babel), (e.g. Wordpress project using CDN import watching-you
)
Chrome | Firefox | Safari | Edge | Opera | iOS Safari/Chrome | Android Chrome | |
---|---|---|---|---|---|---|---|
Supported | 70+ | 73+ | 14.1+ | 80+ | 70+ | 14.1+ | ✔ |
But if you use a compiler like babel and import polyfill, it can even support IE11
Some references: https://babeljs.io/ https://github.com/vitejs/vite/tree/main/packages/plugin-legacy
input
or textarea
, the text-align
attribute must be left
transform
attribute (let's say span
), so you have to give them the display
attribute to work properly. (see: https://stackoverflow.com/questions/24961795/how-can-i-use-css3-transform-on-a-span)transition: transform .1s
depending on your needs