When I flip the image, the transformation is also done: the translation is in the opposite direction. How to achieve mirroring of the current translation position?
img {
transform: translate(50px, 100px);
/* scale:-1; */
}
<img class="draggable" src="https://cdn.pixabay.com/photo/2016/03/28/12/35/cat-1285634__340.png" width=200>
Since the image is being dragged using a function and the transform is dynamically updated, expect to find a different solution than this one -> Transform: translate(50px, 100px) scale(-1);
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
You don't really need the
transform-property anymore, as far as I know you can do this:img { translate: 50px 100px; scale: -1 1; }scaleThe property takes up to 3 values, corresponding to 3 axes (x,y,z). If only 1 value is provided, that value will be used for both the x- and y-axes. That's why you can assign it values, the first one for the x-axis and the second one for the y-axis.