>  기사  >  웹 프론트엔드  >  CSS를 사용하여 반전 효과 설정

CSS를 사용하여 반전 효과 설정

PHPz
PHPz앞으로
2023-09-05 19:53:051326검색

使用 CSS 设置反转效果

반전 효과는 개체의 색상을 색상 스펙트럼의 반대 값에 매핑하는 데 사용됩니다. 즉, 부정적인 이미지를 만드는 것입니다.

이 필터에는 다음 매개변수가 사용됩니다.

예다음 코드를 실행하여 반전 효과를 얻을 수 있습니다.
Sr. 색상 스펙트럼에 반대 값이 매핑됩니다.

Live Demo

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

위 내용은 CSS를 사용하여 반전 효과 설정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제