Home >Web Front-end >Front-end Q&A >What is CSS3pie?

What is CSS3pie?

青灯夜游
青灯夜游Original
2020-11-12 14:29:112405browse

CSS3pie is a js plug-in that allows IE6 to IE8 versions to realize most CSS3 modification features, such as rounded corners, shadows, gradients, etc. Its essence is a ".htc" file; it is simple to use. , just add "behavior: url (PIE.htc path)" where CSS3 is used.

What is CSS3pie?

CSS3pie is a very excellent CSS3 tool, a js plug-in that allows IE6 to IE8 versions to realize most CSS3 modification features, such as rounded corners, Shadows, gradients, etc., through this tool, you can modify the desired effects online and generate css code instantly.

Official website: http://css3pie.com/

The use of the PIE method is the same as we usually use CSS3 attributes. Basically there is no special style name, just link the pie.htc file. Can.

CSS3 Pie supports the following CSS3 syntax:

  • border-radius rounded corners

  • box-shadow block shadow

  • border-image image border

  • multiple background images multiple backgrounds

  • linear-gradient as background image Linear gradient background image

CSS3 Pie is a .htc file that can be downloaded from the official website.

CSS3 PIE download address:

  • Official website http://css3pie.com/download/

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

It is very easy to use, just add behavior: url(PIE. htc); Just specify the location of the htc file (relative to the html document).

demo:

<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;
}

For more programming-related knowledge, please visit: Introduction to Programming! !

The above is the detailed content of What is CSS3pie?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:What is React-Bootstrap?Next article:What is React-Bootstrap?