.dcss-scale-log

Maps a value from a domain to a range through a logarithm.

Example

Result
Markup
<link rel="stylesheet" href="dcss.css">
<link rel="stylesheet" href="families/scale.css">
<link rel="stylesheet" href="families/format.css">

<div class="dcss-scale-log" style="--domain-0: 1; --domain-1: 10; --range-0: 0; --range-1: 1; --value: 5">
  <output class="dcss-format-fixed" style="--value: var(--dcss-scale-log); --precision: 4"></output>
</div>

Browser support

BrowserSupport
ChromeYes
SafariYes
FirefoxWhole numbers only

See also