How to get a gravity effect in a CSS animation?
问题 I want to animate an element as if you're looking down at the Earth. The element jumps towards you, hits its apex, and falls back down a little. A side view of the trajectory would be like this: _ / \ / | | | I wasn't able to attain a realistic effect with keyframe animations. Mine looks artificial like this: /\ / \ / / / CSS @keyframes springIn { 0% { transform: scale(0.0); } 80% { transform: scale(1.2); } 100% { transform: scale(1.0); } } .someElement { animation: springIn 1s linear 1s 1