DEV Community

Freecodez
Freecodez

Posted on

3D Rotating Cube Using HTML, CSS

Hey there, You are most welcome to this article. I hope you will enjoy this article. If you like this article then please share this article with your friends and colleagues. If you have any questions or suggestions regarding this article then please comment down below.

3D Rotating Cube Using HTML, CSS

3D Rotating Cube Using HTML, CSS

For full source code visit : https://freecodez.com/post/435doai

<!-- https://freecodez.com -->
<div class="scene">
    <div class="cube rotating">
        <div class="cube-face front"></div>
        <div class="cube-face inner-faces inner-face"></div>
        <div class="cube-face inner-faces inner-face2"></div>
        <div class="cube-face inner-faces inner-face3"></div>
        <div class="cube-face back"></div>
        <div class="cube-face left"></div>
        <div class="cube-face right"></div>
        <div class="cube-face top"></div>
        <div class="cube-face bottom"></div>
    </div>
</div>
Enter fullscreen mode Exit fullscreen mode

Source Code : https://freecodez.com/post/435doai

For more such articles visit : https://freecodez.com

Top comments (4)

Collapse
 
dshaw0004 profile image
Dipankar Shaw

Nice work

Collapse
 
freecodez profile image
Freecodez

Thank You!

Collapse
 
cezarytomczyk profile image
Cezary Tomczyk

Nice work. It's impressive!

Collapse
 
freecodez profile image
Freecodez

Thank You!