CSS 3D Tutorials
Learn how to transform your site with all the cool 3D features of CSS, while keeping it safe for older browsers. If you've got some familiarity with the 2D properties of CSS, you'll have no problem jumping head-first into exploring the 3D aspects. To get you comfortable with the 3D environment and terms like z-axis, orthographic, the course begins by using Blender, a free program, you can use to visually play around in a three-dimensional space (without having to tinker with CSS code). Once you get used to thinking in 3D space, our fantastic instructor Lawrence Turton will guide you through some amazing CSS projects. You can even get started with the course for free.
😍 0   👍 0   😐 0
Get full access...
Subscribe for Access...
Yearly subscribers get access to everything: Tutorials, Kits, Game Art, and website hosting.
This option gives you member access for LIFE! Tutorials, kits, game art, & more. It's all yours!
See our HIDDEN promo at Checkout.
Purchase just this...
Get lifetime access to this course / product. 90% of the sale price goes to the author! Did you know all members are also content creators? Find out more.
Introduction and Blender Overview
These videos will introduce the course and how to use Blender to familiarize yourself with 3D concepts and terminology.
CSS3 and creating a 3D Environment
In these videos we will look at setting up the 3d environment, viewport, creating faces, and much more.
Creating a 3D Cube Animation
This series of videos will teach you how to create and animate a 3D cube.
Object Hierarchy Animation
This series of videos will show you how to create spinning layers of images in a hierarchy.
Cool 3D Projects
In these last videos we will explore ImpressJS and Oridomi to create some very cool 3D examples.
SASS and SCSS
This is a bonus extra lesson covering SASS and SCSS
Become part of the CartoonSmart Team with our Affiliate Program
Make recurring money when you refer a subscriber. 30 day tracking. Commissions 33%-50%!