制作のご相談をいただいているサイトのデザインについてお客様とお話ししたとき、新着情報の背景のこの部分が動くとおもしろいかも...というアイディアをいただき、動作見本を作ってみました。

2024.3.4 デザイン変更

歯車の数を 大小1個ずつ → 大小2個ずつ に増やし、逆回転を組み合わせて、リアルな動きにしてみました。

↓ こんなかんじです😊

新着情報

さまざまなバリエーションが可能です

このカスタマイズでは、背景で動いている部分に画像ではなく Font Awesome のアイコンを用いています。

アイコンを置き換えることにより、さまざまなバリエーションがかんたんに可能となります。

この例のようにアニメーションも変更できます。

Follow me!