图片水平翻转变旋转180°
- 当前 Bug 的表现（可附上截图）
通过js动态设置cover-image样式，当条件触发时实现为cover-image新增class以达到水平翻转的目的，新增class后cover-image变成了旋转180°
.scaleX {
transform:scaleX(-1);
-webkit-transform:scaleX(-1);
-moz-transform:scaleX(-1);
}
或
.scaleX {
transform:scale(-1, 1);
-webkit-transform:scale(-1, 1);
-moz-transform:scale(-1, 1);
}
或
.scaleX {
transform:scaleX(-1) scaleY(1);
-webkit-transform:scaleX(-1) scaleY(1);
-moz-transform:scaleX(-1) scaleY(1);
}
- 预期表现
通过js为cover-image新增class实现图片水平翻转
-
复现路径
-
提供一个最简复现 Demo
