Zakaria
a46764fb1b
ci / Validate workspace (push) Has been cancelled
landing-page-ci / Validate landing page (push) Has been cancelled
landing-page-deploy / Deploy landing page (push) Has been cancelled
github-metrics / Generate repository metrics SVG (push) Has been cancelled
refresh-contributors-wall / Refresh contributors wall cache bust (push) Waiting to run
13 lines
421 B
Markdown
13 lines
421 B
Markdown
## 3D
|
|
|
|
### 3D Card Flip
|
|
|
|
180° Y-axis rotation. Requires CSS: `backface-visibility: hidden; transform-style: preserve-3d;` on both scene-inners. Parent needs `perspective: 1200px`.
|
|
|
|
```js
|
|
tl.set(new, { rotationY: -180, opacity: 1 }, T);
|
|
tl.to(old, { rotationY: 180, duration: 0.6, ease: "power2.inOut" }, T);
|
|
tl.to(new, { rotationY: 0, duration: 0.6, ease: "power2.inOut" }, T);
|
|
tl.set(old, { opacity: 0 }, T + 0.6);
|
|
```
|