keyframes

#keyframes

#animation

#edit

#time

#line

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.87457 13.567C3.39069 12.938 3.39069 12.062 3.87457 11.433L7.61293 6.57313C8.31345 5.66245 9.6866 5.66245 10.3871 6.57313L14.1255 11.433C14.6094 12.062 14.6094 12.938 14.1255 13.567L10.3871 18.4269C9.6866 19.3375 8.31345 19.3375 7.61293 18.4269L3.87457 13.567ZM5.0635 12.3476C4.99438 12.4374 4.99438 12.5626 5.0635 12.6524L8.80187 17.5123C8.90194 17.6424 9.09811 17.6424 9.19818 17.5123L12.9366 12.6524C13.0057 12.5626 13.0057 12.4374 12.9366 12.3476L9.19818 7.48769C9.09811 7.3576 8.90194 7.3576 8.80187 7.48769L5.0635 12.3476Z" fill="black"/>
  <path d="M12.5589 18.6066C12.2239 18.3629 12.1498 17.8939 12.3934 17.5589L15.9657 12.647C16.0294 12.5594 16.0294 12.4406 15.9657 12.353L12.3934 7.44113C12.1498 7.10614 12.2239 6.63708 12.5589 6.39345C12.8939 6.14982 13.3629 6.22388 13.6065 6.55887L17.1788 11.4707C17.6251 12.0843 17.6251 12.9157 17.1788 13.5293L13.6065 18.4411C13.3629 18.7761 12.8939 18.8502 12.5589 18.6066Z" fill="black"/>
  <path d="M15.3934 17.5589C15.1498 17.8939 15.2239 18.3629 15.5589 18.6066C15.8939 18.8502 16.3629 18.7761 16.6065 18.4411L20.1788 13.5293C20.6251 12.9157 20.6251 12.0843 20.1788 11.4707L16.6065 6.55887C16.3629 6.22388 15.8939 6.14982 15.5589 6.39345C15.2239 6.63708 15.1498 7.10614 15.3934 7.44113L18.9657 12.353C19.0294 12.4406 19.0294 12.5594 18.9657 12.647L15.3934 17.5589Z" fill="black"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.87457 13.567C3.39069 12.938 3.39069 12.062 3.87457 11.433L7.61293 6.57313C8.31345 5.66245 9.6866 5.66245 10.3871 6.57313L14.1255 11.433C14.6094 12.062 14.6094 12.938 14.1255 13.567L10.3871 18.4269C9.6866 19.3375 8.31345 19.3375 7.61293 18.4269L3.87457 13.567ZM5.0635 12.3476C4.99438 12.4374 4.99438 12.5626 5.0635 12.6524L8.80187 17.5123C8.90194 17.6424 9.09811 17.6424 9.19818 17.5123L12.9366 12.6524C13.0057 12.5626 13.0057 12.4374 12.9366 12.3476L9.19818 7.48769C9.09811 7.3576 8.90194 7.3576 8.80187 7.48769L5.0635 12.3476Z" fill="black"/>
  <path d="M12.5589 18.6066C12.2239 18.3629 12.1498 17.8939 12.3934 17.5589L15.9657 12.647C16.0294 12.5594 16.0294 12.4406 15.9657 12.353L12.3934 7.44113C12.1498 7.10614 12.2239 6.63708 12.5589 6.39345C12.8939 6.14982 13.3629 6.22388 13.6065 6.55887L17.1788 11.4707C17.6251 12.0843 17.6251 12.9157 17.1788 13.5293L13.6065 18.4411C13.3629 18.7761 12.8939 18.8502 12.5589 18.6066Z" fill="black"/>
  <path d="M15.3934 17.5589C15.1498 17.8939 15.2239 18.3629 15.5589 18.6066C15.8939 18.8502 16.3629 18.7761 16.6065 18.4411L20.1788 13.5293C20.6251 12.9157 20.6251 12.0843 20.1788 11.4707L16.6065 6.55887C16.3629 6.22388 15.8939 6.14982 15.5589 6.39345C15.2239 6.63708 15.1498 7.10614 15.3934 7.44113L18.9657 12.353C19.0294 12.4406 19.0294 12.5594 18.9657 12.647L15.3934 17.5589Z" fill="black"/>
</svg>