動くissacoid
nishioの動くアイコン
from_issacoid.svg<svg width="100" height="100" viewBox="0 0 2 2" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="1" height="1" fill="#81C784">
<animate attributeName="width" values="0;2;0" dur="10s" repeatCount="indefinite" />
<animate attributeName="height" values="2;0;2" dur="9s" repeatCount="indefinite" />
</rect>
<rect x="0" y="1" width="1" height="1" fill="#AED581">
<animate attributeName="width" values="0;2;0" dur="10s" repeatCount="indefinite" />
<animate attributeName="height" values="1;2;1" dur="9s" repeatCount="indefinite" />
<animate attributeName="y" values="2;0;2" dur="9s" repeatCount="indefinite" />
</rect>
<rect x="1" y="0" width="1" height="1" fill="#BBD3E9">
<animate attributeName="width" values="2;0;2" dur="10s" repeatCount="indefinite" />
<animate attributeName="x" values="0;2;0" dur="10s" repeatCount="indefinite" />
<animate attributeName="height" values="2;0;2" dur="9s" repeatCount="indefinite" />
</rect>
<rect x="1" y="1" width="1" height="1" fill="#4A90E2">
<animate attributeName="width" values="2;0;2" dur="10s" repeatCount="indefinite" />
<animate attributeName="x" values="0;2;0" dur="10s" repeatCount="indefinite" />
<animate attributeName="height" values="1;2;1" dur="9s" repeatCount="indefinite" />
<animate attributeName="y" values="2;0;2" dur="9s" repeatCount="indefinite" />
</rect>
</svg>
動いた!
なんかDVDVIDEOのスクリーンセーバー?らしい
赤リンクなので動機が記されていない
突然にアイコンが変わる文化好き
アイコン歪んでると思ったらもとに戻っていたりしてて、バグってるのかと思ったが、animation速度を非常に遅くしていたせいか
閲覧直後はいつものissacoid
数十分後にふと見ると非対称issacoidになる
長いこと24時間周期にしてたんだけど気づかれないので1時間周期にした
1分にしてみた
10秒にしてみた
ハイパー非対称
知らない間に違う動きに書きかわっててウケるw
せっかくなので切り出しておいた
いつも少し違うなと思っていた