Heim Web-Frontend CSS-Tutorial Simulieren Sie den Box-Shadow-Effekt in CSS3 unter IE

Simulieren Sie den Box-Shadow-Effekt in CSS3 unter IE

Jun 21, 2018 pm 05:30 PM
box-shadow css3 阴影

Dieser Artikel stellt hauptsächlich den Effekt der Simulation von Box-Shadow in CSS3 unter IE vor. Jetzt kann ich ihn mit Ihnen teilen.

Simulation von CSS3 unter IE box-shadow (shadow) in kann mit dem Schattenfilter von IE realisiert werden. Es ist zu beachten, dass dieser Filter zusammen mit dem Hintergrundattribut verwendet werden muss, sonst ist der Filter ungültig

Simuliert unter IE Die Box -shadow (Schatten) in CSS3 kann den Schattenfilter (Schatten) von IE verwenden
Grundlegende Syntax: Filter: progid:DXImageTransform.Microsoft.Shadow(color='color value', Direction=shadow angle (numeric value), Strength =Schattenradius (numerischer Wert));
Hinweis: Dieser Filter muss mit dem Hintergrundattribut verwendet werden, sonst ist der Filter ungültig.
Simulieren Sie den Box-Shadow-Code (Shadow) in CSS3 unter IE:

rrree

Das Obige ist der gesamte Inhalt dieses Artikels, der für das weitere Lernen hilfreich ist Inhalt, achten Sie bitte auf die chinesische PHP-Website!

Verwandte Empfehlungen:

So verwenden Sie CSS3, um einen Div-Spezialeffekt anzuzeigen und auszublenden

So verwenden Sie CSS3, um Realisieren Sie den Farbverlauf-Glüheffekt des Eingabefelds

Das obige ist der detaillierte Inhalt vonSimulieren Sie den Box-Shadow-Effekt in CSS3 unter IE. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie erzielt man mit reinem CSS3 einen Welleneffekt? (Codebeispiel) Wie erzielt man mit reinem CSS3 einen Welleneffekt? (Codebeispiel) Jun 28, 2022 pm 01:39 PM

Wie erzielt man mit reinem CSS3 einen Welleneffekt? In diesem Artikel erfahren Sie, wie Sie mit SVG- und CSS-Animationen Welleneffekte erstellen.

Ausführliche Erklärung zum Umgang mit allen Schriftschatten auf einem Win10-Computer Ausführliche Erklärung zum Umgang mit allen Schriftschatten auf einem Win10-Computer Jul 23, 2023 pm 11:13 PM

Bei der Verwendung des Computers können aufgrund unsachgemäßer Bedienung und anderer Situationen einige Probleme auftreten. Kürzlich sagten einige Internetnutzer, was sie mit all den Schriftschatten auf ihren Win10-Computern tun sollen, die sich auf die Anzeige auswirken, und die Symbole auf dem Desktop haben Schatten. Der folgende Editor zeigt Ihnen, wie Sie alle Schriftschatten auf Ihrem Computer-Desktop entfernen. Die spezifischen Schritte sind wie folgt: 1. Schalten Sie zuerst den Computer ein, geben Sie die Tastenkombination win+r ein, öffnen Sie das Ausführungsfenster und geben Sie zur Bestätigung gpedit.msc ein. 2. Suchen Sie nach „ActiveDesktop aktivieren“, doppelklicken Sie darauf, um es zu öffnen, und deaktivieren Sie es. 3. Als nächstes müssen wir die Schaltfläche „ActiveDesktop deaktivieren“ unten öffnen und dann aktivieren. 4. Öffnen Sie das System der Systemsteuerung, öffnen Sie die Eigenschaften der erweiterten Systemeinstellungen und geben Sie dann die Eigenschaften ein

Verwenden Sie CSS geschickt, um verschiedene seltsam geformte Schaltflächen zu realisieren (mit Code). Verwenden Sie CSS geschickt, um verschiedene seltsam geformte Schaltflächen zu realisieren (mit Code). Jul 19, 2022 am 11:28 AM

Dieser Artikel zeigt Ihnen, wie Sie mithilfe von CSS auf einfache Weise verschiedene seltsam geformte Schaltflächen realisieren können, die häufig vorkommen. Ich hoffe, dass er Ihnen hilfreich sein wird!

So verstecken Sie Elemente in CSS, ohne Platz zu beanspruchen So verstecken Sie Elemente in CSS, ohne Platz zu beanspruchen Jun 01, 2022 pm 07:15 PM

Zwei Methoden: 1. Fügen Sie mit dem Anzeigeattribut einfach den Stil „display:none;“ zum Element hinzu. 2. Verwenden Sie die Attribute „position“ und „top“, um die absolute Positionierung des Elements festzulegen, um das Element auszublenden. Fügen Sie dem Element einfach den Stil „position:absolute;top:-9999px;“ hinzu.

So implementieren Sie Spitzenränder in CSS3 So implementieren Sie Spitzenränder in CSS3 Sep 16, 2022 pm 07:11 PM

In CSS können Sie das Attribut „border-image“ verwenden, um einen Spitzenrand zu erzielen. Das Attribut „border-image“ kann Bilder zum Erstellen von Rändern verwenden, d. h. zum Hinzufügen eines Hintergrundbilds zum Rand. Sie müssen lediglich das Hintergrundbild als Spitzenstil angeben Bildrandbreite nach innen. Ob der Anfang wiederholt wird;".

So erzielen Sie den Effekt des Hinzufügens von Schatten zu Elementblöcken in CSS So erzielen Sie den Effekt des Hinzufügens von Schatten zu Elementblöcken in CSS Sep 16, 2022 pm 05:08 PM

In CSS können Sie das box-shadow-Attribut verwenden, um einem Elementblock Schatten hinzuzufügen. Das Box-Shadow-Attribut kann den Randschatteneffekt realisieren und den Schatten auf das Box-Element anwenden. Die Syntax lautet „Box-Shadow: Horizontaler Schatten, Unschärferadius, Erweiterungsradius, Schattenfarbe, Projektionsmodus“. Inset" kann ein innerer Schatten erzielt werden.

So vergrößern Sie das Bild durch Klicken mit der Maus in CSS3 So vergrößern Sie das Bild durch Klicken mit der Maus in CSS3 Apr 25, 2022 pm 04:52 PM

Implementierungsmethode: 1. Verwenden Sie den Selektor „:active“, um den Status des Mausklicks auf das Bild auszuwählen. 2. Verwenden Sie das Transformationsattribut und die Funktion „scale()“, um den Bildvergrößerungseffekt zu erzielen. Die Syntax „img:active {transform : Skala(x-Achsen-Vergrößerung, y-Achsen-Vergrößerung);}".

Es zeigt sich, dass Textkarussell und Bildkarussell auch mit reinem CSS realisierbar sind! Es zeigt sich, dass Textkarussell und Bildkarussell auch mit reinem CSS realisierbar sind! Jun 10, 2022 pm 01:00 PM

Wie erstelle ich ein Textkarussell und ein Bildkarussell? Das erste, woran jeder denkt, ist die Verwendung von js. Tatsächlich können Textkarussell und Bildkarussell auch einen Blick auf die Implementierungsmethode werfen.

See all articles