Create a 3D flipping animation with HTML and CSS

I’m a fan of minimlism in my designs, but since I stumbled across transform-style and some of the fun things that it opens up, I’ve been playing around a lot with some 3D stuff in CSS of late. In this video I take a dive into how transform-style works in letting child elements stay in the 3D space instead of flat in their parent, as well as how you might want to use backface-visibility, as well as how we can transform things along the z-axis, which create these really cool effects. CodePen: Original Inspiration: My article on transform-style: --- I have a newsletter! New to Sass, or want ... #Kevin_Powell #tutorial #html #css 20181010 FeJEEE3zc4U
Back to Top