techronicle テクロニクル

Webサイト作成に関する情報提供サイトです。WordPress,HTML+CSSなど。

jpgを背景に設定してフルカラーアニメーションgif

2015/06/17 HTML+CSS

アニメーションgifは手軽に動くイラスト等を表現できますが、色数が限定されているのがネックです。

しかし、jpgを背景において、透過gifを使うことによりフルカラーアニメーションが可能になります。

手順はとてもシンプルです。

まずは、背景が透明のアニメーションgifを作ります。

同じサイズのフルカラーjpgをCSSで背景にセットします。

以上で完了です。