.dcss-scale-pow

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

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-pow" style="--exponent: 2; --domain-0: 1; --domain-1: 2; --range-0: 0; --range-1: 1; --value: 1.5">
  <output class="dcss-format-fixed" style="--value: var(--dcss-scale-pow); --precision: 4"></output>
</div>

Browser support

BrowserSupport
ChromeYes
SafariYes
FirefoxWhole numbers only

See also