水平翻转和垂直翻转效果标签代码flipH、flipV

水平翻转和垂直翻转效果标签代码flipH、flipV

flipH滤镜可以实现对象的水平翻转,flipV滤镜可以实现对象的垂直翻转。

【标签说明】

filter:flipH filter:flipV

说明:该滤镜很简单,不需要设置任何参数。

【实例】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>css滤镜</title> <style> .dv1{filter:flipH} .dv2{filter:flipV} </style> </head> <body> <div> <img src="5-4.jpg"> <img src="5-4.jpg" class="dv1"> </div> <div> <img src="5-4.jpg" class="dv2"> </div> </body> </html>

【运行结果】

在上述代码中给出了一幅

CSS设置水平翻转和垂直翻转的效果

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

水平翻转和垂直翻转效果标签代码flipH、flipV