AXIS/PORT. Animation Configurator

Größe

Abstände

Geschwindigkeit

Timing Global

Phase Delays

Phase Durations

Timeline

const CONFIG = {
  fontSize: 54,
  iconScale: 1.05,
  iconGap: -6,
  slashOffset: 10,
  slashGap: 7,
  dotGap: 10,
  speed: 1,
  blackHold: 550,
  totalDuration: 2400,
  exitFade: 300,
  iconDelay: 0,
  axisDelay: 300,
  slashDelay: 500,
  portDelay: 600,
  dotDelay: 900,
  shimmerDelay: 1000,
  iconDuration: 600,
  textDuration: 800,
  dotDuration: 500,
  shimmerDuration: 1200,
  cinematicIcon: true,
  showOncePerSession: true,
};