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();
});
