cubic-bezier y>1 test

by intrinsica

HTML

<div></div>

CSS

@keyframes r {
  from {margin-left: 0px;}
  to {margin-left: calc(100% - 50px);}
}
div {
    width:50px;
    height:50px;
    background:red;
    margin-left:0;
    
    
    animation: r 1s infinite;
    animation-timing-function: cubic-bezier(.49,0,.51,1);
    animation-direction: alternate;
}