<layflags-rolling-number>
Demo

<layflags-rolling-number> is an easy-to-use inline Web Component that shows a nice rolling digit animation and automatically adapts to the surrounding font style (family, color, size, etc.).

Playground

It's around 123°C at the moment!

Usage

<script type="module" src="https://unpkg.com/@layflags/rolling-number@1.0.0/rolling-number.js"></script> <!-- value by fallback --> <layflags-rolling-number>123</layflags-rolling-number> <!-- value w/o fallback --> <layflags-rolling-number value="123"></layflags-rolling-number> <!-- customize roll duration --> <layflags-rolling-number style="--roll-duration:750ms">123</layflags-rolling-number>

2021 by layflags