CSSのクラス (class) 及びアニメーション (animation) の動的作成
動的に作成するスタイルシートを指定します。
・styleSheetsは内部・外部スタイルシートのリストを返します。
indexを[0]を指定すると、リストから最初の1枚目のスタイルシートを取得します。
取得したスタイルシートオブジェクトはプロパティとメソッドを継承します。
スタイルシートが1枚も存在しない場合はエラーとなります。
vSheet.insertRule(vRule1, vIndex);
vSheet.insertRule(vRule2, vIndex);
element.className = “box”;
CSSStyleSheetの先頭に新しいCSS規則を挿入し、要素に適用しています。
・insertRule() は、新しいCSS規則を現在のスタイルシートに挿入します。
引数の「0」は新しいCSS規則の挿入位置が先頭である事を指定しています。
・className は要素の class 属性の値の取得 / 設定に用います。
vSheet.insertRule(vRule, vIndex);
element.style.animation = “ani 1s ease 0s infinite forwards”;
・insertRule() は、新しいCSS規則を現在のスタイルシートに挿入します。
・animation は要素のアニメーションプロパティ設定に用います。
: DATA
: BLOG
: PRAVACY POLICY
タイトルへ
サウンド設定
スクリーン設定