CSS蚂蚁行军

污斑兔

于 2024-11-06 16:20:44 发布

阅读量160

点赞数 3

文章标签： CSS 前端

本文链接：https://blog.youkuaiyun.com/zweizhao/article/details/143573379

版权

CSS蚂蚁行军

@keyframes ants {
  to {
    background-position: 100%
  } 
}

.box {
  padding: 1em;
  border:  1px solid transparent;
  background: linear-gradient(white, white) padding-box,
                       repeating-linear-gradient(-45deg, black 0, black 25%, white 0, white 50%) 0 / .6em .6em;
  animation: ants 12s linear infinite;
}