ワードプレスの背景を動かす方法

2021-09-11

背景を動かすアニメーションを記入

追加CSSに下記を記入しました。

左下から右上に８秒かけて移動します。

body {
  background: url("img/sample.gif");
  animation: bgiLoop 8s linear infinite;
}
@keyframes bgiLoop {
    0% { background-position: 0 0;}
  100% { background-position: 100px -100px;}
}

背景画像はPhotoshopのパターン登録で作成

100×100pxで登録してパターンと、1000×1000px背景画像を作りました

https://piyo-piyo-piyo.com/tag/pattern/