时间: 2021-07-31 作者:daque
flip是css滤镜的翻转属性,fliph代办程度翻转,flipv代办笔直翻转。它们的表白式很大略,辨别是: filter:fliph
filter:flipv
咱们先来看一幅图:点击可夸大
底下咱们辨别对它实行程度翻转和笔直翻转,而且在图片上方的一段笔墨,也爆发翻转。代码如次:
<html> <head> <title>flip css</title> <style>//*树立css款式发端*// <!-- div{position:absolute;top:20;width:300; filter:fliph(flipv);} //*设置div范畴内的款式,一致定位,翻转为程度翻转或笔直翻转。 提防:在这边fliph和flipv只取个中的一个*// img{position:absolute;top:70;left:40; filter:fliph(flipv);} //*设置图片的款式,一致定位,翻转属性和div一律。*// --> </style> </head> <body> <div> <p style=“font-family:bailey;font-size:36pt; font-weight:bold; color:rgb(10,128,156);”> leaf village </p> //*设置字体称呼、巨细、粗细、脸色*// </div> <p><img src=http://edu.chinaz.com/get/website/html_css/“ss05058.jpg”></p> //*导出一张图片*// </body> </html>
代码爆发的两个功效辨别如次图:(点击不妨夸大)
程度翻转 笔直翻转