demo-container { display: block; padding: 25px 10px 10px; border-radius: 4px; width: 200px; height: 130px; border: 1px solid rgb(128, 128, 128); margin-bottom: 10px; background-image: linear-gradient(transparent, transparent 49%, black 50%, black 51%, transparent 52%); }
demo-object { display: block; background-color: rgb(255, 0, 0); clip-path: polygon(0% 0%, 70% 0%, 100% 50%, 70% 100%, 0% 100%, 30% 50%); offset-path: path("M 20 20 C 20 50 140 -10 140 20"); animation: 2s ease-in-out 0s infinite alternate none running move; margin: 20px; width: 40px; height: 40px; }
.element {offset-rotate: 180deg;}

@keyframes move {
100% { offset-distance: 100%; }
}