breathe

click to freeze

/* one word, one axis, one speed */

@property --wght {
  syntax: '<number>';
  initial-value: 200;
  inherits: false;
}

.word {
  font-variation-settings: 'wght' var(--wght);
  animation: breathe 8s ease-in-out infinite;
}

@keyframes breathe {
  50% { --wght: 900; }
}

press c or click to close