little_strange https://blog.hatena.ne.jp/little_strange/ Little Strange Software https://little-strange.hatenablog.com/ HTMLなど どうも！LSSです！！ little-strange.hatenablog.com は、「１枚の画像を別々に扱う」という試みでした。 元の発想は、「人物の画像の、下半分だけが縦に伸び縮みするアニメーションだったら、スクワット（または高位の女性のお辞儀）みたいになるかな？」というところでした。 今回は「下半分だけ伸び縮み」を、画像を伴わずにkeyframesで再現する事を試みてみました。 スクワットの動きを表現できるか試してみた、だけ コード 結局のところ、高さも縦位置も動作指定が必要？ スクワットの動きを表現できるか試してみた、だけ コード <style>@keyframes testa{0%… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Flittle-strange.hatenablog.com%2Fentry%2F2022%2F09%2F29%2F235753" title="【CSS／実験】スクワットの動きを表現できるか試してみた、だけ - Little Strange Software" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-09-29 23:57:53 rich https://little-strange.hatenablog.com/entry/2022/09/29/235753 1.0 100%