<html>
<head>
<style>
body {
background-color:#E7E9EB;
}
#myDIV {
height:300px;
background-color:#FFFFFF;
}
#myImg {
filter: invert(100%);
}
</style>
</head>
<body>
<h1>The filter property</h1>
<div id="myDIV">
<img id="myImg" src="pineapple.jpg" width="300" height="300">
</div>
</body>
<!-- Mirrored from www.w3schools.com/cssref/tryit.php?filename=trycss_play_filter by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 Dec 2022 18:16:40 GMT -->
</html>