CSSを使用した浮動オブジェクトのアニメーションの実装方法

TransformsとKeyframesを使用したアニメーション:<style> @keyframes floating { 0% { transform: translate(0, 0); } 50% { transform: translate(0, 20px); } 100% { transform: translate(0, 0); } } .floating-object { animation: floating 3s infinite; } </style> <div class="floating-object">浮動オブジェクト>>More