Переливающая полоса в footer на CSS

[baltun]

baltun разместил(а) новый ресурс:

Переливающая полоса в footer на CSS - Переливающая полоса в footer на CSS

Пишем наш стиль:

.p-footer {
  position: relative;
  box-shadow: 0 -10px 40px hsla(0, 0%, 0%, 0.5);
}
.p-footer::before {
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  right: 0;
  height: 6px;
  background: linear-gradient(90deg, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));
  background-size: 200% auto;
  z-index: 10;
  border-radius: 0 0 4px 4px;
  animation...

Посмотреть страницу этого ресурса...