Backdrop Filter Experiment

HTML
<div class="filter"></div>
CSS
body { margin: 0; background-image: url('http://treehouse-code-samples.s3.amazonaws.com/sass-basics-2/bg.jpg'); height: 500px; background-size: cover; } .filter { position: absolute; width: 400px; height: 250px; backdrop-filter: invert(100%); background-image: linear-gradient(#009fe1, #3acec2); mix-blend-mode: multiply; }
JAVASCRIPT
$(function() { $('.filter').draggable(); });
Expand for more options Login