This week is a 3D special! Check out all sorts of cool examples of 3D CSS animation. As a bonus, we're also reading about creating delightful UX with animations. Have a great week!

♥️

Donovan at CSSAnimation.rocks

Dear Ueno: how do you create UX with delightful animations?

Dear Ueno is an advice column for people who for some weird reason think we know what we’re doing. Find out more, or read our old advice. Welcome back to the Dear Ueno advice column! We clearly…

Featured

Smart Home Temperature Slider — codepen.io

This animated temperature gauge by Chris Gannon is so beautiful it deserves to be featured! Drag the slider up and down to change the level

Inspiration

Pure CSS drawers — codepen.io

Select the drawers to see them slide open!

Make a 3D iPhone with CSS — hop.ie

An old but useful article on how to build a 3D model of a phone using CSS and HTML

3D Cube Combination — codepen.io

Some slick animation on this 3D combination code

CSS 3D Rainbow Shades — codepen.io

Hover to move these awesome 3D shades around

CSS 3D Animated Chart — codepen.io

Not always the most practical of charts but they look cool!

World Places (CSS 3d hover) — codepen.io

Lovely 3D transition on these cards

Navigation Bar — codepen.io

Slick 3D navigation bar

Slicebox - 3D Image Slider — tympanus.net

An awesome 3D image slideshow!