Интерактивные демо

ПОПРОБУЙ

Меняй любую настройку — превью и CSS обновляются мгновенно.

Привет

мир

как

дела

flex-direction:justify-content:align-items:

.container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
}

grid-template-columns:gap:justify-items:align-items:

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  justify-items: stretch;
  align-items: stretch;
}

timing-function:duration:

.ball {
  transition: transform 1200ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
}