网页SVG图片如何实现水平翻转垂直翻转旋转滤镜

1、首先，我们来看CSS3中，如何对网页元素，例如网页图片或文字进行旋转。拿Chrome浏览器为例。常用的旋转特效，可以使用-webkit-transform:rotate(-90deg);这个代码来实现。代码中-90表示，逆时针旋转90度。

3、如果需要水平翻转，就不能使用rotate这时可以改用rotateY(180deg)

5、在SVG中，有类似的transform功能。其中的transform，与CSS3相比，同样支持rotate，也支持变换矩阵matrix并不直接支持rotateX，和rotateY也就是说，不方便将图片水平翻转，或者垂直翻转。但是，我们可以借用CSS3中的代码，对网页中SVG元素，进行样式定义。