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

Legen Sie den Umkehreffekt mithilfe von CSS fest

PHPznach vorne: 2023-09-05 19:53:051325Durchsuche

使用 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>

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>

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!

css 对象

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Wie richtet man ein Blockelement zentriert aus?Nächster Artikel：Wie richtet man ein Blockelement zentriert aus?

In Verbindung stehende Artikel

Mehr sehen