Heim  >  Artikel  >  Web-Frontend  >  Was ist CSS3pie?

Was ist CSS3pie?

青灯夜游
青灯夜游Original
2020-11-12 14:29:112268Durchsuche

CSS3pie ist ein js-Plug-in, mit dem IE6- bis IE8-Versionen die meisten CSS3-Änderungsfunktionen wie abgerundete Ecken, Schatten, Verläufe usw. realisieren können. Es handelt sich im Wesentlichen um eine „.htc“-Datei Fügen Sie „Verhalten: URL (PIE.htc-Pfad)“ zu CSS3 hinzu.

Was ist CSS3pie?

CSS3pie ist ein sehr hervorragendes CSS3-Tool, ein JS-Plug-In, mit dem IE6- bis IE8-Versionen die meisten CSS3-Änderungsfunktionen wie abgerundete Ecken, Schatten, Farbverläufe usw. realisieren können. Mit diesem Tool können Sie erstellen es online Ändern Sie den gewünschten Effekt und generieren Sie sofort CSS-Code.

Offizielle Website: http://css3pie.com/

Die Verwendung der PIE-Methode ist die gleiche, wie wir normalerweise CSS3-Attribute verwenden. Grundsätzlich gibt es keinen speziellen Stilnamen, sondern verknüpfen Sie einfach die Datei pie.htc.

CSS3 Pie unterstützt die folgende CSS3-Syntax:

  • border-radius abgerundete Ecke

  • box-shadow blockshadow

  • border-image image border

  • multiple Hintergrundbilder mehrere Hintergründe

  • .
  • linear-gradient als Hintergrundbild Linear-Gradient-Hintergrundbild

CSS3 Pie ist eine .htc-Datei und kann von der offiziellen Website heruntergeladen werden.

CSS3 PIE-Download-Adresse:

  • Offizielle Website http://css3pie.com/download/

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

Es ist sehr einfach zu verwenden, fügen Sie einfach behavior: url(PIE.htc) hinzu, wo CSS3 verwendet wird; geben Sie einfach den Speicherort der HTC-Datei an (relativ zum HTML-Dokument).

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

Weitere Programmierkenntnisse finden Sie unter: Einführung in die Programmierung! !

Das obige ist der detaillierte Inhalt vonWas ist CSS3pie?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was ist React-Bootstrap?Nächster Artikel:Was ist React-Bootstrap?