This is great CSS 👏

position-try-options: flip-block, flip-inline;

Keywords for if there isn't any room on an axis, flip the position. You can have more control if you want. But more often than not, you want 'If it gets cut off at the bottom/right, put it on the top/left'

You can totally use CSS scroll-driven animations like JavaScript's IntersectionObserver 🤙

img {
animation: reveal;
animation-timeline: view();
animation-range: entry 0% entry 150%;
}
@​keyframes reveal { 0% {
opacity: 0;
filter: brightness(2);
scale: 0.9;
}}

DOM, JS, and CSS wizards: I made a DOM visualiser which you can run from the JS console, it almost works. If anyone can figure out how to handle z-ordering in 3D so that it looks like a solid stack of DOM slices I WILL 100% UNIRONICALLY BUY YOU A COFFEE!

gist.github.com/OrionReed/4c37…

Okay I might need to get back into hacking CSS again Instead of fucking around with Unity. All these new math functions plus variables makes for some fun opportunities!

Oh man. More fun shit to play with! 🙈

I made an HTML/DOM viewer you can paste into your console to view or debug any website in 3D. Choose from random/gradient/clear colors or whether layers have sides.

You can save it as a bookmarklet so it's 1 click away. It's just a tiny IIFE JS function.
gist.github.com/OrionReed/4c37…

making react apps with VR pass through, you become the editor. 😄

There's quite a lot you can do in riveo these days. In real time.

the little details™

Use trigonometric functions in CSS to create a smooth staggered transition delay 🎬

.character {
transition-delay:
calc(sin((var(--index) / 12) * 45deg) * 0.475s);
}

If something isn't on the roadmap you should hack it together on your own time and win over the crowds.

Everything is a low priority until a 🤠 comes along and shows people the way.

Yeah, a little structure is nice though 🤪

using Spline for animations 🤌

🎉 Introducing: Parallax Hover effect for @Framer.

With this new Framer code override, you can create these amazing parallax hover effects on your websites.

Imagine all the cool website hero sections you can create with this.

Remix this below: 👇

You can now build mobile apps with HTML 🤯

Made possible by React Strict DOM
github.com/facebook/react…

See the codebase for a fully working POC here: github.com/dabit3/react-s…

Gaussian Splatting enables autonomy for experiencing events. felixkit used 3DGS, ☄︎ R3F, and Three.js to bring it to your web browser.

I spoke to him about the project, how he pulled it off, and plans for the future below.

🔗radiancefields.com/gaussian-splat…

small teaser for react-three/uikit by Bela Bohlender full ui component kit with nested scroll, buttons, inputs, dropdowns, tabs, checkboxes etc. it is not dom based but webgl/threejs. will be perfect for games, xr/vr/ar and of course apple vision and spatial apps.

This is the single best article on color spaces I have seen around. Well written, well informed and illustrated with interactive visualizations. Truly brilliant work Eric Portis!

ericportis.com/posts/2024/oka…

I'm 59 and just found this amongst my mother's stuff....

Many of you have asked about how we achieve our 2.5D art style.

Here's our process, step-by-step.

Shout out to Dan Fessler our Chief Creative Officer for recording this clip.

#digitalillustration #gameart #gamedev

CSS is getting so good.