testing/web-platform/tests/css/filter-effects/reference/filters-drop-shadow-002-ref.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<!DOCTYPE html>
<style>
.container {
    filter: drop-shadow(5px 5px 5px black);
}
.circle-mask {
    border-radius: 80px;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
.green-box {
    width: 100px;
    height: 100px;
    background-color: green;
}
</style>
<div class="container">
  <div class="circle-mask">
    <div class="green-box"></div>
  </div>
</div>