Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Zusammenfassung der Transluzenzeinstellungen in CSS

黄舟
Freigeben: 2017-06-06 14:29:10
Original
1961 Leute haben es durchsucht

Bei der Entwicklung unseres Projekts war der durchscheinende Maskeneffekt schon sehr früh beliebt, und jetzt ist er jedem sehr vertraut. Der durchscheinende Effekt wird nicht nur in Bildern verwendet, sondern auch an verschiedenen Stellen. Mit CSS lassen sich auf einfache Weise Kompatibilitätseinstellungen für verschiedene Browser erreichen. Deshalb stellen wir Ihnen heute eine Zusammenfassung der Transluzenzeinstellungen in CSS vor!

Transluzente Einstellungen in CSS:

1.Detailliertes Implementierungsbeispiel für den transparenten CSS-Rahmen (Bild)

Zusammenfassung der Transluzenzeinstellungen in CSS

Dieses border-imge-slice-Attribut übergibt 1–4 Parameter (die Zahl hat keine Einheit und bezieht sich auf Pixel oder Prozentwerte), um das Bild in 9 aufzuteilen Die vier Blöcke 1, 2, 3 und 4 werden nicht gestreckt oder gekachelt und werden als Blindbereiche bezeichnet. Die vier Blöcke 5, 6, 7 und 8 können durch „Border-Image-Repeat“ (Strecken, Kacheln und Wiederholen) gesteuert werden. strecken: Standardwert, strecken: kacheln eine ganze Zahl; Der 9. Block wird nicht angezeigt. Die Unterteilung ist wie folgt. Abbildung 4-2.png && Abbildung 2-3.png):

2.Verwenden Sie CSS3, um einen einfachen 3D-Beispielcode für ein durchscheinendes Würfelbild zu erstellen

Zusammenfassung der Transluzenzeinstellungen in CSS

Dieser Artikel führt Sie hauptsächlich in die relevanten Informationen zur Verwendung von CSS3 zum Erstellen einer einfachen 3D-Anzeige eines durchscheinenden Würfels ein. Der Artikel enthält einen vollständigen Beispielcode für Ihr Verständnis zum Lernen und Lernen. Freunde, die es brauchen, können unten einen Blick darauf werfen.

3. Das feste p oben kann den durchscheinenden Effekt einstellen

Zusammenfassung der Transluzenzeinstellungen in CSS

Dieser Artikel stellt es vor Ein festes p oben kann einen durchscheinenden Effekt festlegen. Am Ende des Artikels befindet sich eine Darstellung, auf die Sie sich beziehen können

4.Kompatibilität Hintergrundfarbe transluzenter CSS-Code (. wirkt sich nicht auf interne Unterelemente aus)

Zusammenfassung der Transluzenzeinstellungen in CSS

Es hat das Format #AARRGGBB. AA, RR, GG und BB sind hexadezimale positive ganze Zahlen. Der Wertebereich liegt zwischen 00 und FF. RR gibt den Rotwert an, GG gibt den Grünwert an und BB gibt den Blauwert an, siehe #RRGGBB Farbeinheiten. AA legt Transparenz fest. 00 ist völlig transparent. FF ist völlig undurchsichtig. Werte außerhalb des Wertebereichs werden auf den Standardwert zurückgesetzt.

5.CSS, um ein Element als durchscheinend festzulegen

Dieser Artikel stellt hauptsächlich relevante Informationen zur Verwendung von CSS vor, um ein Element als durchscheinend festzulegen , sehr gut, mit Referenzwert, Freunde, die es brauchen, können darauf verweisen

Fragen und Antworten zum Thema Transluzenz:

1.css – Wie implementiert man die unscharfe, durchscheinende Navigationsleiste oben in Station B?

2.css - HTML Durchsichtige Inhalte beim Ziehen ausblenden oder entfernen?

3 >css - HTML Durchsichtige Inhalte beim Ziehen ausblenden oder entfernen?

【Empfohlene verwandte Artikel】:

1.Zusammenfassung der Transluzenzeinstellungen in Photoshop

2.Zusammenfassung der Methoden zur Implementierung von Mausstilen in HTML und CSS

3.Zusammenfassung der Methoden zur Einführung von CSS-Stilen in HTML

Das obige ist der detaillierte Inhalt vonZusammenfassung der Transluzenzeinstellungen in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage