Код IT
← Каталог

Переменные в CSS — Частые типы в `syntax`

Фрагмент из «Переменные в CSS»: Частые типы в `syntax`.

css cssencyclopedia1111 embed URL статья в энциклопедии
CSS main.css 
@property --offset {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0px;
}

.box {
  --offset: 0px;
  transform: translateX(var(--offset));
  animation: animateMove 1s infinite alternate;
}

@keyframes animateMove {
  from {
    --offset: 0;
  }
  to {
    --offset: 100px;
  }
}
@property --offset {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0px;
}

.box {
  --offset: 0px;
  transform: translateX(var(--offset));
  animation: animateMove 1s infinite alternate;
}

@keyframes animateMove {
  from {
    --offset: 0;
  }
  to {
    --offset: 100px;
  }
}