>  기사  >  웹 프론트엔드  >  CSS3pie란 무엇인가요?

CSS3pie란 무엇인가요?

青灯夜游
青灯夜游원래의
2020-11-12 14:29:112374검색

CSS3pie는 IE6~IE8 버전에서 둥근 모서리, 그림자, 그라데이션 등과 같은 대부분의 CSS3 수정 기능을 실현할 수 있게 해주는 js 플러그인입니다. 그 본질은 ".htc" 파일이므로 사용이 간편합니다. CSS3에 "동작: url(PIE.htc 경로)"를 추가합니다.

CSS3pie란 무엇인가요?

CSS3pie는 IE6~IE8 버전에서 둥근 모서리, 그림자, 그라디언트 등과 같은 대부분의 CSS3 수정 기능을 실현할 수 있게 해주는 js 플러그인인 매우 뛰어난 CSS3 도구입니다. 이 도구를 통해 다음을 만들 수 있습니다. 온라인으로 원하는 효과를 수정하고 즉시 CSS 코드를 생성하세요.

공식 홈페이지: http://css3pie.com/

PIE 방식의 사용법은 우리가 일반적으로 사용하는 CSS3 속성과 동일합니다. 기본적으로 특별한 스타일 이름은 없으며, Pie.htc 파일을 링크하면 됩니다.

CSS3 Pie는 다음 CSS3 구문을 지원합니다:

  • border-radius 둥근 모서리

  • box-shadow 블록 그림자

  • border-image 이미지 테두리

  • 여러 배경 이미지 여러 배경

  • 선형 그라데이션 배경 이미지 선형 그라데이션 배경 이미지

CSS3 Pie는 공식 웹사이트에서 다운로드할 수 있는 .htc 파일입니다.

CSS3 PIE 다운로드 주소:

  • 공식 홈페이지 http://css3pie.com/download/

  • GitHub https://github.com/lojjic/PIE/downloads

매우 사용하기 쉽습니다. CSS3가 사용되는 곳에 behavior: url(PIE.htc)를 추가하면 됩니다. HTML 문서를 기준으로 htc 파일의 위치를 ​​지정하기만 하면 됩니다.

데모:

<div id="tests"></div>

#tests {
    padding: 1.5em;
    margin: 1em 0;
    border-radius: 10px;
    behavior: url(/pie/PIE.htc);
    position: relative;
    background: #CCF;
    overflow: hidden;
}

프로그래밍 관련 지식을 더 보려면 프로그래밍 소개를 방문하세요! !

위 내용은 CSS3pie란 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.