Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>Example</title> <style> div { background-size: cover; border: 1px solid black; height: 40vw; width: 40vw; margin: 0 2vw; float: left; } .unfiltered { background-image: url(/pix/samples/8m.jpg); } .filtered { background-image: filter(url(/pix/samples/8m.jpg), hue-rotate(180deg)); } </style> <div class="unfiltered"> Original Image </div> <div class="filtered"> Filtered Image </div>