HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> @media (inverted-colors: inverted){ h1 { color: red; } } @media (inverted-colors: none){ h1 { color: green; } } </style> </head> <body> <h1>CSS @media inverted-colors</h1> <p><strong>Note</strong>: This example will work only in safari.</p> </body> </html>
OUTPUT
×

Save as Private