> For the complete documentation index, see [llms.txt](https://learncss.gitbook.io/cssadvand/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learncss.gitbook.io/cssadvand/move-bg-mepop.vn-ok.md).

# MOVE-BG mepop.vn (ok)

https\://mepop.vn

<figure><img src="https://1655165672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LsqgAqbSGjkO0e50FMT%2Fuploads%2FiKdJcLneLxGDRePGnLYV%2Fimage.png?alt=media&amp;token=12e83645-afcb-4631-8002-8b6fe956a70f" alt=""><figcaption></figcaption></figure>

```
<div class="bar"></div>
@-webkit-keyframes MOVE-BG {
  0% {
    -webkit-transform: translateX(0)
  }

  to {
    -webkit-transform: translateX(85px)
  }
}

@keyframes MOVE-BG {
  0% {
    transform: translateX(0)
  }

  to {
    transform: translateX(85px)
  }
}
.bar {
  height: 3px;
  width: 66px;
  background: #ed1c24;
  margin: 10px 0 30px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.bar:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  background: #fff;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: MOVE-BG;
  animation-name: MOVE-BG;
}
```