CSS垂直翻转/水平翻转提高web页面资源重用性

/*水平翻转*/

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

}

我们在web制作的时候，一旦遇到对称出现的元素的时候，我们只需要处理一个元素就可以了，然后另外一个直接翻转使用下。

巴特西