CSS翻转效果

2024-05-16 15:01:04 404

翻转效果用于创建对象的镜像。以下参数可以在此过滤器中使用

序号
参数及说明
1
FlipH
创建水平镜像
2
FlipV
创建垂直镜像

示例

设置翻转效果

<html>
   <head>
   </head>
   <body>
      <img src = "/css/images/logo.png" alt = "CSS Logo" style = "Filter: FlipH">
      <img src = "/css/images/logo.png" alt = "CSS Logo" style = "Filter: FlipV">
      <p>Text Example:</p>
      <div style = "width: 300;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color:red;
         Filter: FlipV">CSS Tutorials</div>
   </body>
</html>

CSS翻转效果

示例

热门推荐

随机推荐