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;
            }