Как сделать transform: scale() для двух блоков одинаковым?

Чтобы сделать transform: scale() одинаковым для двух блоков, вам понадобится задать им одинаковые значения для свойства transform-origin.

  1. Создайте два блока в HTML:
<div class="block"></div>
<div class="block"></div>
  1. Добавьте стили для блоков в CSS:
.block {
  width: 100px;
  height: 100px;
  background-color: #00ff00;
  margin-bottom: 20px;
  transform-origin: center center; /* задаем одинаковую точку привязки */
}
  1. Примените transform: scale() к обоим блокам:
.block {
  /* ... */
  transform: scale(1.5); /* задаем одинаковый коэффициент масштабирования */
}

Теперь оба блока будут масштабироваться с одинаковым коэффициентом и вокруг одной и той же точки привязки.