15 lines
244 B
CSS
15 lines
244 B
CSS
|
pinch-zoom {
|
||
|
|
display: block;
|
||
|
|
overflow: hidden;
|
||
|
|
touch-action: none;
|
||
|
|
--scale: 1;
|
||
|
|
--x: 0;
|
||
|
|
--y: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
pinch-zoom > * {
|
||
|
|
transform: translate(var(--x), var(--y)) scale(var(--scale));
|
||
|
|
transform-origin: 0 0;
|
||
|
|
will-change: transform;
|
||
|
|
}
|