CSS Jquery アニメーション

CSSのスタイルを動的に変更する方法

JavascriptでCSSのスタイルを動的に変更するには、要素（idやclass）.style.○○から変更後の値を指定する事で可能です

JavaScriptでCSSのスタイルを動的に変更する方法 | ONE NOTES

Javascript

document.getElementById("xxx").style.○○ = 値;

Jquery

$('#xxx').style.○○ = 値;

サンプル1 要素のサイズ変更

See the Pen CSSのスタイルを動的に変更するサンプル1 要素のサイズ変更 by yochans (@yochans) on CodePen.

サンプル2 要素の位置変更

See the Pen CSSのスタイルを動的に変更するサンプル2 要素の位置変更 by yochans (@yochans) on CodePen.