Вернуться к уроку

Масштабирование колёсиком мыши

важность: 5

Сделайте так, чтобы при прокрутке колёсиком мыши над элементом, он масштабировался.

Масштабирование обеспечивайте при помощи свойства CSS transform:

// увеличение в 1.5 раза
elem.style.transform = elem.style.WebkitTransform = elem.style.MsTransform = 'scale(1.5)';

Результат в iframe:

Решение использует кросс-браузерный код назначения обработчика onwheel на элемент и style.transform.

Открыть решение в песочнице.