Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS로 미러 이미지 만들기


뒤집기 효과는 물체의 거울 이미지를 만드는 데 사용됩니다. 이 필터에는 다음 매개변수를 사용할 수 있습니다. -

매개변수
설명
FlipH
수평 거울 이미지 생성
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>