どうも!LSSです!! CSSのkeyframesアニメーションで、リズミカルな動きを作ったら面白いかな?と試みてみました。 たんたたたんたん、たんたん♪ コード 要となるのは%指定部分 0~100%を2の累乗数で分断するぞう君 リズム あとがき たんたたたんたん、たんたん♪ たんたたたんたん、たんたん♪ コード <style> @keyframes rzma{ 0%,12.5%,18.75%,25%,37.5%,50%,62.5%,75%,87.5%,100%{transform:translatey(0px);} 3.125%,15.625%,21.875%,28.125%,40.625%,65.625%,78.125%{transform:translatey(-20px);} } .rzm{ height:50px; text-align:center; animation:rzm