Увеличение и уменьшение масштаба щелчком мыши с помощью CSS ⇐ CSS

[Anonymous]

Я хочу увеличить изображение, используя только CSS. Приведенный ниже код увеличивает изображение, когда удерживается нажатой левая кнопка мыши, но я хочу увеличивать и уменьшать масштаб щелчком мыши. Как мне этого добиться?

.container img {
transition: transform 0.25s ease;
cursor: zoom-in;
}

.container img:active {
-webkit-transform: scale(2);
transform: scale(2);
cursor: zoom-out;
}


Подробнее здесь: https://stackoverflow.com/questions/398 ... k-with-css