图片水平翻转变旋转180°
发布于 6 年前 作者 zengguiying 12192 次浏览 来自 问答
  • 当前 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
回到顶部