【CSS／実験】スクワットの動きを表現できるか試してみた、だけ - Little Strange Software

どうも！LSSです！！ little-strange.hatenablog.com は、「１枚の画像を別々に扱う」という試みでした。 元の発想は、「人物の画像の、下半分だけが縦に伸び縮みするアニメーションだったら、スクワット（または高位の女性のお辞儀）みたいになるかな？」というところでした。 今回は「下半分だけ伸び縮み」を、画像を伴わずにkeyframesで再現する事を試みてみました。 スクワットの動きを表現できるか試してみた、だけ コード 結局のところ、高さも縦位置も動作指定が必要？ スクワットの動きを表現できるか試してみた、だけ コード <style> @keyframes testa{ 0%{height:200px;} 100%{height:100px;} } @keyframes testb{ 0%{top:0px;} 100%{top:100px;} } .test{ pos

[kefugahi]

なるほど。スクワットというよりは、マリオ辺りでいそうな敵キャラの動きっぽいですね。なんか見たことがある気がするんだけど思い出せない。パックンフラワーはこんな激しくないし(笑)

[hukunekox]

スクワットの動きだったんですね😆✨横にもスクワットの動きなるんですよね？色々出来るのが面白いです✨😆🌸

[newgenworld]

おはようございます☀️🌈研究段階って感じで大丈夫ね！ここから変化するのかなぁ«٩(*´ ꒳ `*)۶»ﾜｸﾜｸ