その場合は、他のベンダープレフィックスの出力も影響を受けます。利用したミックスインの例です。このミックスインは色と明るさの割合を指定すると線形グラデーションを作成します。値を変更してベンダープレフィックスの出力を制御しています。プロパティの値の書式で指定します。プロパティの書式です。プロパティの値の書式で指定します。設定変数とその初期値(デフォルト値)です。設定変数とその初期値(デフォルト値)です。使ったロールオーバーアニメーションの例です。パラメータに何も指定していないので、デフォルトの値が適用されます。プロパティは個別に指定することも、ショートハンドでまとめて指定することもできます。rotate(360deg);}foo以下はショートハンドで指定する例です。回転軸の位置を指定しています。イージングを指定することができます。関数の値を取得することができます。変数が使えるのでこれらの値を変数に格納してパーシャルファイルに記述しておきインポートして利用すると便利です。以下の値は上記のサイトを参考にしました。1.55);以下は、上記変数($easeInOutBack)を使ってイージングを指定した例です。ミックスインを使用します。以下は、背景色を変化させる例です。}}以下は、HSLカラーの彩度(Saturation)と明度(Lightness)を固定し色相(Hue)だけを周期的に変化させるアニメーションの例です。through)を使ってキーフレームを出力しています。11個のキーフレームが作成されます。この値を変えるだけで、キーフレームの数や色相(Hue)の値が自動的に調整されます。ごとにするには4にします。個の部分はインターポレーションを使う必要があります。54);各キーフレームにおける色相(Hue)の値を算出しています。彩度(Saturation)と明度(Lightness)は固定にしています。以下はコンパイル結果ですが、キーフレームのベンダープレフィックスは省略しています。Functions)があります。それらの関数をより便利にしたものがあります。両方の機能を持ちます。$color:色$amount:値(%)。正の値を指定すると明るくなり、負の値を指定すると暗くなります。両方の機能を持ちます。$color:色$amount:値(%)。正の値を指定すると彩度が高くなり、負の値を指定すると低くなります。$percentage)黒を混ぜることにより色を暗くする関数です。color:色$percentage:割合(%)。負の値は指定できません。$percentage)白を混ぜることにより色を明るくする関数です。color:色$percentage:割合(%)。負の値は指定できません。Functions)があります。以下はそのごく一部です。フォルダ)ミックスインなどで使用することが多いと思います。フォルダ)$only-path:デフォルトは「false」。なしのパスを返します。$cache-buster:デフォルトは「true」。