アイコンを暴れさせるのもあまり良くない気がしてきた

from 月記 2023-08

アイコンを暴れさせるのもあまり良くない気がしてきたcFQ2f7LRuLYP.icon

自分のプロジェクトだけで使うならともかく、今の運用だと別のプロジェクトでも動いてしまうので

動くと不必要に目立つ

/villagepump/teyoda7.iconさんくらいがちょうどよさそうtakker.icon

もしくは/yuta25/yuta25.iconさんみたいなタイプ

/villagepump/teyoda7.icon

/yuta25/yuta25.icon

目立つのが目的の場合はオーケー、ガンガン暴れていけ

都度名前が変わるのはどうなんだ？

いうて1回しか変わってないようなtakker.icon

実はスクリーンネーム(だったっけ？)を変えてますcFQ2f7LRuLYP.icon

今はtest-patternと申す

まじかよ全然気づかなかったtakker.icon

こういうタイトルを言っといてなんだがこうなったcFQ2f7LRuLYP.icon

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/issac-37765679/アイコンを暴れさせるのもあまり良くない気がしてきた/s.svg

code:s.svg

transform: translate3d(0);

<style>

@keyframes translateAnimation {

0% { transform: translate3d(0, 0, 0) rotate(0deg); }

7% { transform: translate3d(0, 0, 0) rotate(0deg); }

35% { transform: translate3d(0px, 97%, 0) rotate(0deg); }

43% { transform: translate3d(0px, 100%, 0) rotate(0deg); }

50% { transform: translate3d(0px, -100%, 0) rotate(70deg); }

57% { transform: translate3d(-200px, 200%, 0) rotate(90deg); }

70% { transform: translate3d(0px, 100%, 0) rotate(0deg); }

100% { transform: translate3d(0, 0, 0) rotate(0deg); }

}

#pillar {

animation: translateAnimation 5s linear infinite;

transform-origin: center center; /* Specify the origin of skew */

}

#brick {

animation: translateAnimation 5s linear infinite;

transform-origin: center center; /* Specify the origin of skew */

}

#footer {

animation: translateAnimation 5s linear infinite;

transform-origin: center center; /* Specify the origin of skew */

}

</style>

</g>

</g>

</g>

</svg>

translate3d

2023-08-28