コニファ・ロゴ

ツール集:backgroundに使うパターン用画像(アニメgif)まとめ

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

background指定の一例(CSSソース)

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

サンプル(1)

sample1

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

サンプル(2)

sample2

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

サンプル(3)

sample3

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

サンプル(4)

sample4

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

サンプル(5)

sample5

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

サンプル(6)

sample6

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

サンプル(7)

sample7

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

サンプル(8)

sample8

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

サンプル(9)

sample9

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

サンプル(10)

sample10

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

サンプル(11)

sample11

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

サンプル(12)

sample12

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

サンプル(13)

sample13

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

サンプル(14)

sample14

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

サンプル(15)

sample15

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

 

 

 

戻るボタン