W Design & NEWS

CSS代码水平或垂直反转图片

W-design2015.09.16

CSS代码水平或垂直反转图片

方法非常简单,只需要在图片代码前加上一组滤镜代码即可:

 

语法:FILTER: FlipV   

说明:垂直翻转对象内容。

使用代码:style="FILTER: FlipV"

 

 

FILTERFlipH   

说明:水平翻转对象内容。

使用代码:style="FILTER: FlipH"

 

 

下面我以单图为例示范:

 

反转前效果:

 

 

 

 

 

 

水平反转后效果:

 

 

 

 

代码:<IMG style="FILTER: FlipH" src="图片地址">

 

 

 

 

垂直反转效果:

 

 

 

 

代码:<IMG style="FILTER: FlipV" src="图片地址">

 

W design values every chance to work with you.