jquery - jQuery で擬似要素のプロパティを変更するにはどうすればよいですか?

Question

CSS で生成されたコンテンツを使用して、ページの下部にフェードを追加しています。

body::after {
    background: linear-gradient(transparent, #000);
    bottom: 0;
    content: "";
    height: 25%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 8;
}

bottomjQuery 経由での値を動的に変更したい。ただし、疑似要素をターゲットにできないようです。たとえば、次のようなものは機能しません。

$("body::after").css("bottom", value);

これを行う方法はありますか？