この記事の概要
完全にネタです。
「CSS でそんな数が扱えるの?」と思われるような数を探していて、 1 つ見つけたので記事にしました。
ゲルフォントの定数とは
Wikipedia より引用します。
ゲルフォントの定数(ゲルフォントのていすう、英語: Gelfond's constant)は数学定数の一つで、ネイピア数 e と円周率 π を用いて eπ と表される数である。
calc
における数値定数
calc
の中では、自然対数の底の e
と円周率の π (pi)
が使用できます。
ちゃんと仕様で定められています。
冪乗を表す pow()
関数
pow()
関数には、カンマ区切りで2つの<number>
A と B を入力します。
A を B の冪乗にした結果が <number>
として帰ってきます。
2023/6/9 現在、 Safari と Firefox でしか使えません。
ゲルフォントの定数を表すためには
.gelfond {
width: calc(pow(e, pi) * 1px);
}
例では width
を使っていますが、 height
でも border-radius
でもなんでも構いません。
単位なしの数値だけが返ってくるので 1px
を掛けていることに注意してください。
(ただし、 line-height
に使うのであれば calc(pow(e, pi))
だけで足ります)
最後に(そして、お詫び)
実用性は皆無です。
ご了承ください。
最後まで読んでくださってありがとうございます!
Twitterでも情報を発信しているので、良かったらフォローお願いします!
Devトークでお話してくださる方も募集中です!