html 圖片翻轉

var Lb = false; var Ub = false; function rotate(obj) { if (obj == "L") { if (Lb == false) { //第一次
                    document.getElementById("img1").classList.add("flipx"); } else { document.getElementById("img1").classList.remove("flipx"); } Lb = !Lb; } if (obj == "U") { if (Ub == false) { //第一次
                    document.getElementById("img1").classList.add("flipy"); } else { document.getElementById("img1").classList.remove("flipy"); } Ub = !Ub; } } 

 

/*水平翻轉*/ .flipx { -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); /*IE*/ filter: FlipH; } /*垂直翻轉*/ .flipy { -moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); /*IE*/ filter: FlipV; }