This week we are learning how to create an amazing mirror effect using React-Three-Fiber! Also, remember to wear a mask 😷

♥️ Donovan at CSSAnimation.rocks

Articles

Creating Mirrors in React-Three-Fiber and Three.js — tympanus.net

How to create an amazing mirror scene based on the react-three-fiber ecosystem

Inspiration

Pokecenter - Have you found it yet?

Some fun 3D HTML and CSS on this Pokecenter. Try to find the Pokémon!

Toggle Switch with a Hole Handle

Rather than a cylinder for a handle, this switch has a moving hole

UI // Click & Drag Button

While the implementation needs a little work I'm intrigued by this idea to mix clicking and dragging into one piece of UI

100 hr Challenge (CSS)

Some interesting floating-shape art. I like it with ovals!

Swing

Some nice curved animations in this simple CSS-only spinner

WAAPI Particles 🌵

Stand well back from the spines in this cool particle demo

Toon Fire Shader

A very realistic-looking fire shader

Animation in the real world

Adam Kuhn front end developer & creative coder

Awesome use of scroll animations, hover effects and CodePen experiments on this site from Adam Kuhn. Check it out!