图片水平翻转变旋转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
1 回复