テキストスピン画像をダウンロードし、
imagesフォルダ内に入れてからプレビューして下さい。

animation-spin1

  • パーツ使用の際は、スピン画像(img要素)のみコピペし、#containerの閉じタグのすぐ上あたりに貼り込んで下さい。#container内であれば問題ないのですが、親にrelativeがあるとそちらに対しての配置になるので注意して下さい。
  • 左上のspin(spin1-parts)は画面に比例してサイズが変動するタイプ。右下のspin(spin2-parts)は固定されたタイプ。サイズ変更はcssでできますので、お好みで使って下さい。
  • 英語テキストの内容は「毎日をもっと楽しく」といった汎用的なものです。aiファイルもありますので、必要があればテキストを変更したのちアウトライン化してsvg保存して下さい。
《Web Design:Template-Party》