エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
JavaScriptでCSSアニメーションの@keyframesを使う - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
JavaScriptでCSSアニメーションの@keyframesを使う - Qiita
JavaScriptから@keyframesを使うには element.styleなどでは指定できないので、 head内にstyleタグを作... JavaScriptから@keyframesを使うには element.styleなどでは指定できないので、 head内にstyleタグを作成し、その中に@keyframesを追加します。 たとえばfadein/fadeoutを作成する (function() { var css, rules, fadein, fadeout; // styleタグを作成 css = document.createElement('style'); css.media = 'screen'; css.type = 'text/css'; // フェードイン fadein = '@keyframes fade-in{' + [ '0% {opacity: 0}', '100% {opacity: 1.0}' ].join(' ') + '}'; // フェードアウト fadeout = '@keyframe