CSS - exp()

• トップ
• CSSリファレンス
• exp()

概要

説明

exp(number) は自然対数の底 e の number 乗を返します。pow(e, number) と同義です。指数関数的な数値を求める際に使用されます。

使用例

h1 { font-size: calc(1rem * exp(1.25)); }
h2 { font-size: calc(1rem * exp(1.00)); }
h3 { font-size: calc(1rem * exp(0.75)); }
h4 { font-size: calc(1rem * exp(0.50)); }
h5 { font-size: calc(1rem * exp(0.25)); }
h6 { font-size: calc(1rem * exp(0.00)); }

<h1>H1: AAA</h1>
<h2>H2: AAA</h2>
<h3>H3: AAA</h3>
<h4>H4: AAA</h4>
<h5>H5: AAA</h5>
<h6>H6: AAA</h6>

リンク

• https://drafts.csswg.org/css-values/#funcdef-exp
• https://developer.mozilla.org/en-US/docs/Web/CSS/exp
• https://caniuse.com/mdn-css_types_exp