Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<html lang="en-AU"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.mw-compass {
overflow: hidden;
width: 36px;
height: 36px;
border-radius: 50%;
}
.mw-compass svg {
background-color: #fdfdfd;
width: 36px;
height: 36px;
}
.mw-compass svg {
backdrop-filter: blur(15px);
background-color: red;
}
html,
body {
background: black;
}
</style>
</head>
<body>
<div class="mw-compass">
<svg viewBox="1 1 46 46" style="transform:rotate(0deg)" r1721927411659="">
</svg>
</div>
</body></html>