質問編集履歴
3
変更
    
        title	
    CHANGED
    
    | 
         
            File without changes
         
     | 
    
        body	
    CHANGED
    
    | 
         @@ -76,7 +76,7 @@ 
     | 
|
| 
       76 
76 
     | 
    
         
             
            </html>
         
     | 
| 
       77 
77 
     | 
    
         | 
| 
       78 
78 
     | 
    
         | 
| 
       79 
     | 
    
         
            -
             
     | 
| 
      
 79 
     | 
    
         
            +
            css
         
     | 
| 
       80 
80 
     | 
    
         
             
            .bg_area::before {
         
     | 
| 
       81 
81 
     | 
    
         
             
                content: "";
         
     | 
| 
       82 
82 
     | 
    
         
             
                position: fixed;
         
     | 
| 
         @@ -128,6 +128,9 @@ 
     | 
|
| 
       128 
128 
     | 
    
         
             
                margin: 0 auto;
         
     | 
| 
       129 
129 
     | 
    
         
             
                margin-top: 50vw;
         
     | 
| 
       130 
130 
     | 
    
         
             
            }
         
     | 
| 
      
 131 
     | 
    
         
            +
             
     | 
| 
      
 132 
     | 
    
         
            +
             
     | 
| 
       131 
133 
     | 
    
         
             
            ```
         
     | 
| 
       132 
134 
     | 
    
         | 
| 
       133 
135 
     | 
    
         | 
| 
      
 136 
     | 
    
         
            +
             
     | 
2
画像変更
    
        title	
    CHANGED
    
    | 
         
            File without changes
         
     | 
    
        body	
    CHANGED
    
    | 
         @@ -1,9 +1,9 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
             
     | 
| 
      
 1 
     | 
    
         
            +
            実現したいこと
         
     | 
| 
       2 
2 
     | 
    
         
             
            背景の上を鳥や飛行機が個別のパーツとしてループして動くという実装をしたいです。
         
     | 
| 
       3 
3 
     | 
    
         
             
            airplaneで指定している飛行機は右から左への動きで、画面外までいったらまだ右画面端から出てくるという動きが実現できているのですが、airplane02では、左斜め上に動くという記述を書いていて、ページ読み込み時一回目は正常な動きをするのですが、ループで戻ってきません。(本来なら画面右下からまた出現してほしい)検証ツールで見ると動いているようですが、見えてない状態のような感じです。
         
     | 
| 
       4 
4 
     | 
    
         | 
| 
       5 
5 
     | 
    
         
             
            また鳥の画像を添付していますが、鳥がバサバサと動いて上に飛んでいくループ処理とかってできるのでしょうか?
         
     | 
| 
       6 
     | 
    
         
            -
            よろしくお願いいたします。
         
     | 
| 
       7 
7 
     | 
    
         | 
| 
       8 
8 
     | 
    
         
             
            下記がコードになります。
         
     | 
| 
       9 
9 
     | 
    
         
             
            htmlとjs
         
     | 
| 
         @@ -75,8 +75,8 @@ 
     | 
|
| 
       75 
75 
     | 
    
         | 
| 
       76 
76 
     | 
    
         
             
            </html>
         
     | 
| 
       77 
77 
     | 
    
         | 
| 
      
 78 
     | 
    
         
            +
             
     | 
| 
       78 
79 
     | 
    
         
             
            ```
         
     | 
| 
       79 
     | 
    
         
            -
            @charset "utf-8";
         
     | 
| 
       80 
80 
     | 
    
         
             
            .bg_area::before {
         
     | 
| 
       81 
81 
     | 
    
         
             
                content: "";
         
     | 
| 
       82 
82 
     | 
    
         
             
                position: fixed;
         
     | 
1
画像添付
    
        title	
    CHANGED
    
    | 
         
            File without changes
         
     | 
    
        body	
    CHANGED
    
    | 
         @@ -1,4 +1,4 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            実現したいこと
         
     | 
| 
      
 1 
     | 
    
         
            +
            実現したいこと
         
     | 
| 
       2 
2 
     | 
    
         
             
            背景の上を鳥や飛行機が個別のパーツとしてループして動くという実装をしたいです。
         
     | 
| 
       3 
3 
     | 
    
         
             
            airplaneで指定している飛行機は右から左への動きで、画面外までいったらまだ右画面端から出てくるという動きが実現できているのですが、airplane02では、左斜め上に動くという記述を書いていて、ページ読み込み時一回目は正常な動きをするのですが、ループで戻ってきません。(本来なら画面右下からまた出現してほしい)検証ツールで見ると動いているようですが、見えてない状態のような感じです。
         
     | 
| 
       4 
4 
     | 
    
         |