WordPressの動きのある背景アニメーション

WordPressの動きのある背景アニメーション

下のボタンから好きなアニメーションを選んでください

使用方法

  1. 下のボタンから好きなアニメーションスタイルを選びます
  2. 「コードを表示」ボタンをクリックして、そのアニメーションのコードを表示します
  3. コードをコピーして、WordPressの「カスタムHTML」ブロックに貼り付けます
  4. 必要に応じてカスタマイズします（色や速度など）

注意: アニメーションによってはサイトのパフォーマンスに影響する場合があります。モバイル対応を考慮して選択してください。

アニメーションコード

以下のコードをWordPressの「カスタムHTML」ブロックにコピー＆ペーストしてください：


        

            
            
        

    

    
    
`;
                    break;
                case 'gradient-bg':
                    code = `



`;
                    break;
                case 'bubbles':
                    code = `




    

    

    

    

    

    

    

    


`;
                    break;
                case 'wave-container':
                    code = `




    

    

    

    


`;
                    break;
                case 'canvas-animation':
                    code = `


`;
                    break;
                case 'snow-container':
                    code = `





`;
                    break;
                default:
                    code = '// アニメーションを選択してください';
            }
            
            codeContent.textContent = code;
            codeArea.style.display = 'block';
        }
        
        // コードをコピー
        function copyCode() {
            const codeContent = document.getElementById('code-content');
            const textArea = document.createElement('textarea');
            textArea.value = codeContent.textContent;
            document.body.appendChild(textArea);
            textArea.select();
            document.execCommand('copy');
            document.body.removeChild(textArea);
            alert('コードがコピーされました！');
        }
        
        // コード表示を閉じる
        function closeCode() {
            document.getElementById('code-area').style.display = 'none';
        }
        
        // 初期化時にパーティクルアニメーションを表示
        window.onload = function() {
            activateAnimation('particles-js');
        };
    











































ラクガキレベルからスタートして
楽しく学べる！





ラクガキレベルからスタートして
楽しく学べる！













「Drawing Days(ドローイングデイズ)」は忙しい社会人のための
お絵かきグループレッスンです！





「Drawing Days(ドローイングデイズ)」は
忙しい社会人のための
お絵かきグループレッスンです！


























学生の頃は絵が好きだったけど、
社会人になって描く機会がないな…


























ホントは美大とか専門学校行きたかったけど、
けっきょく行かなかったな…


























ちょっとした時間にかわいいキャラとか描けたら
楽しいだろうな…





















その夢、今回叶えてみましょう！






























その夢、今回 叶えてみましょう！


























Drawing Days(ドローイングデイズ)では
専門的な知識や技術がまったくのゼロ、ラクガキレベルからスタートできて、
「今さら聞けない絵の基本」を楽しく学ぶことができます。





Drawing Days(ドローイングデイズ)では
専門的な知識や技術がまったくのゼロ、
ラクガキレベルからスタートできて、
「今さら聞けない絵の基本」を
楽しく学ぶことができます。


























超簡単に参加できる！
5日間の無料グループレッスン！！





超簡単に参加できる！
5日間の無料グループレッスン！！













参加方法は超簡単！





参加方法は超簡単！









STEP1





STEP1





期間限定のシークレット
LINEオープンチャットに参加





期間限定のシークレット
LINEオープンチャットに参加





※「LINEオープンチャット」とは、LINE社が提供しているグループチャット機能です。アカウントを公開せず匿名で参加できます。



























STEP2





STEP2





開催される5日間の
LIVEレッスン放送に参加





開催される5日間の
LIVEレッスン放送に参加



























STEP3





STEP3





毎回出される簡単な課題に楽しくチャレンジ！
絵について学ぶ！





毎回出される簡単な課題に楽しくチャレンジ！
絵について学ぶ！
































Day1





Day1





『9割の人が勘違いしている「絵」の知識』





『9割の人が勘違いしている
「絵」の知識』





・
・
・





Day2





Day2





『技術ゼロから、どっかわいいキャラクターを
創るキャラ概論』





『技術ゼロから、どっかわいい
キャラクターを創るキャラ概論』





・
・
・





Day3





Day3





『描くのが楽しくなる！美しい線の引き方スキル』





『描くのが楽しくなる！
美しい線の引き方スキル』





・
・
・





Day4





Day4





『一瞬でうまくなる世界レベルの構図テクニック』





『一瞬でうまくなる
世界レベルの構図テクニック』





・
・
・





Day5





Day5





『どうすれば絵で食えるのか？業界の闇と光の話』





『どうすれば絵で食えるのか？
業界の闇と光の話』























※すべてのレッスンの録画をグループ内に限定公開する予定です。
リアルタイム参加ができなくても、安心して参加されてくださいね！





※すべてのレッスンの録画をグループ内に限定公開する予定です。
リアルタイム参加ができなくても、安心して参加されてくださいね！




























































































プライバシーポリシー









特商法による表記













Copyright 株式会社アクアフィールドAll Rights Reserved.