CSS 传统方式实现直线路径动画

PHOTO EMBED

Thu Apr 29 2021 07:55:09 GMT+0000 (UTC)

Saved by @ycljcfer

<div>
div {
    width: 60px;
    height: 60px;
    background: #000;
    animation: move infinite 1s alternate linear;
}
@keyframes move {
    100% {
        transform: translate(100px, 100px);
    }
}
content_copyCOPY

https://github.com/chokcoco/iCSS/issues/113