Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > CSS-Tutorial > Legen Sie den Umkehreffekt mithilfe von CSS fest

Legen Sie den Umkehreffekt mithilfe von CSS fest

PHPz

Freigeben： 2023-09-05 19:53:05

nach vorne

1390 Leute haben es durchsucht

使用 CSS 设置反转效果

Der Effekt „Invertieren“ wird verwendet, um die Farbe eines Objekts auf den entgegengesetzten Wert im Farbspektrum abzubilden, also ein negatives Bild zu erzeugen.

Die folgenden Parameter werden in diesem Filter verwendet:

BeispielSie können versuchen, den folgenden Code auszuführen, um den Umkehreffekt zu erzielen:

Sr. Farben werden dem Farbspektrum mit dem entgegengesetzten Wert zugeordnet.
Live-Demo <html> <head> </head> <body> <img src = "/images/css.gif" alt = "CSS Logo" style = "Filter: invert" /> <p>Text Example:</p> <div style = "width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: invert"> CSS Tutorials </div> </body> </html> Nach dem Login kopieren

Sr. Farben werden dem Farbspektrum mit dem entgegengesetzten Wert zugeordnet.

Live-Demo

<html>
   <head>
   </head>
   <body>
      <img src = "/images/css.gif" alt = "CSS Logo" style = "Filter: invert" />
      <p>Text Example:</p>
      <div style = "width: 357; height: 50; font-size: 30pt; font-family: Arial Black;
         color: red; Filter: invert">
         CSS Tutorials
      </div>
   </body>
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonLegen Sie den Umkehreffekt mithilfe von CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle：tutorialspoint.com

Vorheriger Artikel：Wie richtet man ein Blockelement zentriert aus? Nächster Artikel：Welcher Befehl wird verwendet, um SASS-Code über die Befehlszeile auszuführen?

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

Neueste Artikel des Autors