HTMLの属性からCSSのプロパティへ設定値として読み込む

attr()関数に対応しているかいないかを判別しスタイルを振り分ける

firefoxでは上から段々薄くなる。googleクロムでは逆に段々濃くなる

各HTMLへCSS変数を記述、それを読み込む

css側で読み込んだ整数値をCALCで演算

test test3 test5 test10