3D Rotating Cube with ONLY CSS

Опубликовано: 08 Октябрь 2024
на канале: Codeible
2,921
65

If you find this video helpful, please Like, Share, and Subscribe to support the channel!

Download source files:
https://codeible.com/coursefiles/3dro...

Hello, in this tutorial, I will show you how to create a 3D rotating cube with radio buttons to control the rotations using only CSS.

0:00 - Start of Video
0:15 - Setting up the HTML Page
2:28 - Building the CSS
4:42 - Creating the Cube
7:16 - Adding the Images
8:11 - Rotating the Cube with the Radio Buttons


Support Codeible, view on Codeible.com:
https://codeible.com/view/videotutori...

Images used:

{
--image-1: url("https://firebasestorage.googleapis.co...");
--image-2: url("https://firebasestorage.googleapis.co...");
--image-3: url("https://firebasestorage.googleapis.co...");
--image-4: url("https://firebasestorage.googleapis.co...");
--image-5: url("https://firebasestorage.googleapis.co...");
--image-6: url("https://firebasestorage.googleapis.co...");
}

==================================================

Support Codeible on Patreon!
  / codeible  

Reddit:
  / codeible  

Follow on Pinterest:
  / codeible  

Follow on Instagram:
  / codeibleig  

Follow on Twitter:
https://twitter.com/intent/follow?ori...