blob: c7f75a147afdfdf38c97c152fa0eaf61fc4cf026 [file] [log] [blame]
<!DOCTYPE html>
<style>
div {
width: 200px;
height: 200px;
}
.blur {
-webkit-filter: blur(10px);
}
.drop-shadow {
-webkit-filter: drop-shadow(16px 16px 10px black);
}
.accelerated {
transform: translateZ(0);
}
#resize {
background-color: green;
width: 100px;
}
</style>
<div class="blur">
<div class="accelerated">
<div class="drop-shadow" id="resize"></div>
</div>
</div>