javascript - JavaScript で取得した変数値を css ファイルで使用できますか?

Question

プログラム/アプリケーション用に、html、CSS、および JavaScript の 3 つの個別のファイルがあります。CSS アニメーションを使用してオブジェクトを特定の場所に移動させる必要があります (JavaScript は使用できません)。ただし、オブジェクトの移動先が変わるため、JavaScript を使用して現在の座標を取得しました。

var x = $('#correct > span:empty').offset();

これで、 x.leftとx.topを使用して、取得した座標を JavaScript で使用できるようになりました。ただし、CSS アニメーションしか使用できないため、CSS ファイルで座標を使用する必要があります。これが私があなたの助けを必要とする理由です。
それは可能ですか？もしそうなら、どのように？これは、オブジェクト (スパン) の CSS ファイルに次のように記述したものです。

p > span {
   background-color: white;
   box-shadow: inset 0 0 10px #999;
   height: 2.5em;
   width: 2.5em;
   display: inline-block;
   margin: 5px;
   border-radius: 10px;
   text-align: center;
   line-height: 2.5em;
   vertical-align: middle;
}

ここで、オブジェクトのスパンをアニメーションで「#correct > span:empty」に移動する必要があります(JS でその座標を既に取得しています)。transition
を使用することを考えましたが、座標を使用できるかどうか、またはどのように使用できるかはまだわかりません。 手伝ってくれませんか？