テキストまたは html タグにグラデーション シャドウを生成する関数を使用しています。影の角度が同じでない理由がわかりません。
HTML タグで同じ結果を得るには、シャドウの y 位置を 2 で除算する必要があります (結果を表示するには、Codepen の例の SCSS (l.14-l.16) でこの 3 行のコメントを解除する必要があります)
// @if($i) {
// $y: $i/2;
// }
のように見える
コメントした行
コメントされていない行
