このページは、「backgroundに使うパターン用画像まとめ」のアニメgif版です。パターン用の画像としてアニメgifを使用し背景を動かしています。アニメgifの設置は静止画のgifやpng、jpeg、svgなどと同様です。

background指定の一例（CSSソース）

  .sample1 {
      background: #fff url('csstest/img3/bg-13x13anime.gif');
      }

サンプル（１）

使用画像：bg-13x13anime.gif　　画像サイズ：縦横13px

サンプル（２）

使用画像：bg-14x14anime2.gif　　画像サイズ：縦横14px

サンプル（３）

使用画像：bg-15x15anime3.gif　　画像サイズ：縦横15px

サンプル（４）

使用画像：bg-13x8anime4.gif　　画像サイズ：縦8px横13px

サンプル（５）

使用画像：bg-20x15anime5.gif　　画像サイズ：縦15px横20px

サンプル（６）

使用画像：bg-10x10anime6.gif　　画像サイズ：縦横10px

サンプル（７）

使用画像：bg-16x16anime7.gif　　画像サイズ：縦横16px

サンプル（８）

使用画像：bg-14x14anime8.gif　　画像サイズ：縦横14px

サンプル（９）

使用画像：bg-8x18anime9.gif　　画像サイズ：縦18px横8px

サンプル（１０）

使用画像：bg-14x14anime10.gif　　画像サイズ：縦横14px

サンプル（１１）

使用画像：bg-16x16anime11.gif　　画像サイズ：縦横16px

サンプル（１２）

使用画像：anime-gif-21x21.gif　　画像サイズ：縦横21px

サンプル（１３）

使用画像：anime-gif-21x21-2.gif　　画像サイズ：縦横21px

サンプル（１４）

使用画像：bg-16x16anime14.gif　　画像サイズ：縦横16px

サンプル（１５）

使用画像：bg-20x20anime15.gif　　画像サイズ：縦横20px