Skip to content

Commit c11c643

Browse files
committed
update injectable and backdrop-filter example
1 parent d9064dc commit c11c643

File tree

5 files changed

+22436
-7
lines changed

5 files changed

+22436
-7
lines changed

Diff for: public/Unity/injectable/Build/WebInjectable.data

1.12 MB
Binary file not shown.

Diff for: public/Unity/injectable/Build/WebInjectable.framework.js

+20,990-2
Large diffs are not rendered by default.

Diff for: public/Unity/injectable/Build/WebInjectable.loader.js

+1,437-1
Large diffs are not rendered by default.

Diff for: public/Unity/injectable/Build/WebInjectable.wasm

53 MB
Binary file not shown.

Diff for: src/content/reference/css/backdrop-filter.md

+9-4
Original file line numberDiff line numberDiff line change
@@ -10,20 +10,25 @@ Check out the [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-fi
1010
```js
1111
export default function App() {
1212
return <>
13-
<view className="el" />
13+
<view className="el" onDrag={(x,t) => {
14+
t.Style.left = x.position.x - x.pressPosition.x;
15+
t.Style.bottom = x.position.y - x.pressPosition.y;
16+
}} />
1417
</>;
1518
}
19+
1620
```
1721

1822
```css active
1923
.el {
2024
margin: auto;
2125
width: 300px;
2226
height: 300px;
23-
border: 1px solid black;
24-
backdrop-filter: blur(4px) grain(0.1) pixelate(15px);
27+
background: rgba(0,0,0,0.02);
28+
cursor: move;
29+
box-shadow: 2px 2px 16px -8px black, 0 0 4px 24px inset rgba(0,0,0,0.06);
30+
backdrop-filter: blur(4px) grain(0.04) pixelate(4px) hue-rotate(-25deg);
2531
}
26-
2732
```
2833

2934
</Sandpack>

0 commit comments

Comments
 (0)