CSSStyleSheetインターフェイスというものを見つけたのでそれについての情報をメモ。ページに読み込まれている複数のスタイルシートから1つを選び新しいルールとしてキーフレームを追加する方法の説明です。styleSheetsプロパティを参照することで取得することができます。StyleSheetListというオブジェクトを返します。CSSStyleSheetオブジェクトが確認できます。CSSStyleSheetインターフェイスです。このオブジェクトには様々なプロパティが含まれています。指定されたスタイルシートのルールを返します。指定されたスタイルシートが無効になっているかを示す真偽値を返します。media属性の値を返します。documentと関連付けているノードを返します。CSSImportRuleを返す。指定されたスタイルシートを含む親スタイルシートが存在する場合、それを返します。指定されたスタイルシートのルールを返します。title属性の値を返します。多くの場合、ownerNodeで指定されています。type属性の値を返します。insertRuleメソッドを使います。styleSheet.cssRules.length);insertRuleメソッドの第1引数には追加するスタイルシートのルールを指定します。第2引数にはスタイルシート内の、どこに追加するかをインデックスで指定します。上記の場合、ページに読み込まれた1番目のスタイルシート内の最後にキーフレームのルールを追加することになります。最後にキーフレームのルールを追加するための関数の説明をします。styleが指定されたスタイルシートにキーフレームのルールを追加します。JavaScript$(function(){/*////////////////////////////////////////////////////////////////////////////////指定したスタイルシートにキーフレームを追加する。id属性の値、その他に対象になるスタイルシートのインデックスの指定をします。Transformを利用した立体的な。