| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <div style="opacity: 0.9999;"> | |
| <div class="circle filter"></div> | |
| </div> | |
| <style> | |
| div { | |
| position: absolute; | |
| width: 100px; | |
| height: 100px; | |
| top: 10px; | |
| left: 10px; | |
| background: green; | |
| } | |
| .circle { | |
| top: 30px; | |
| left: 30px; | |
| border-radius: 50px; | |
| background: #ffff0060; | |
| } | |
| .filter { | |
| backdrop-filter: invert(1); | |
| } | |
| </style> |