Source Code:
(back to article)
Submit
Result:
Report an issue
<div class="timing-function-box"></div> <style> .timing-function-box { width: 100px; height: 100px; background-color: pink; animation: timingFunction 4s ease-in-out infinite; } @keyframes timingFunction { 0% { transform: translateY(0); } 50% { transform: translateY(200px); } 100% { transform: translateY(0); } } </style>