SASS(SCSS)で計算に使える関数の一覧をまとめてみた

WEB制作で背景に三平方の定理だとか平方根だとかsin、cos、tanだとか、ゴリッゴリもゴリッゴリに使いまくったので、備忘録代わりに残します。

関数説明
abs()絶対値を返します。abs(-10)10 を返します。
ceil()引数を切り上げて整数を返します。ceil(4.2)5 を返します。
floor()引数を切り捨てて整数を返します。floor(4.8)4 を返します。
round()引数を四捨五入して整数を返します。round(4.5)5 を返します。
min()引数の中で最小の数値を返します。min(3, 4, 1)1 を返します。
max()引数の中で最大の数値を返します。max(3, 4, 1)4 を返します。
random()引数の範囲内でランダムな数値を返します。random(100)1 から 100 の間のランダムな数値を返します。
percentage()引数をパーセントに変換します。percentage(0.5)50% を返します。
sqrt()引数の平方根を返します。sqrt(9)3 を返します。
pow()指定した数のべき乗を返します。pow(2, 3)8 を返します。
log()引数の自然対数(底eの対数)を返します。log(10)2.302585 を返します。
log10()引数の常用対数(底10の対数)を返します。log10(100)2 を返します。
exp()引数のe(自然対数の底)乗を返します。exp(1)2.718281 を返します。
sin()引数(ラジアン)の正弦値を返します。sin(0)0 を返します。
cos()引数(ラジアン)の余弦値を返します。cos(0)1 を返します。
tan()引数(ラジアン)の正接値を返します。tan(0)0 を返します。
asin()引数の逆正弦値(アークサイン)を返します。asin(0)0 を返します。
acos()引数の逆余弦値(アークコサイン)を返します。acos(1)0 を返します。
atan()引数の逆正接値(アークタンジェント)を返します。atan(0)0 を返します。

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


目次