https://github.com/sans-script/3d-cube

This is a fun and interactive 3D CSS Cube that showcases the capabilities of CSS3 transformations. The cube rotates on its axes and reveals different images on each face. The cube is created using HTML for structure and CSS for styling and animations.
https://github.com/sans-script/3d-cube

Last synced: 9 months ago
JSON representation

This is a fun and interactive 3D CSS Cube that showcases the capabilities of CSS3 transformations. The cube rotates on its axes and reveals different images on each face. The cube is created using HTML for structure and CSS for styling and animations.

• Host: GitHub
• URL: https://github.com/sans-script/3d-cube
• Owner: sans-script
• Created: 2023-12-21T19:35:25.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-21T19:54:55.000Z (over 2 years ago)
• Last Synced: 2025-03-02T03:35:28.986Z (over 1 year ago)
• Language: CSS
• Homepage:
• Size: 1.92 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# [Animated 3D CSS Cube](https://sans-script.github.io/3D-Cube/)

Create an eye-catching animated 3D CSS cube with this simple HTML and CSS project.

## Description

The Animated 3D CSS Cube is a fun and interactive project that showcases the capabilities of CSS3 transformations. The cube rotates on its axes and reveals different images on each face. The cube is created using HTML for structure and CSS for styling and animations.

## Preview

![Animated 3D CSS Cube Preview](cubo.gif)

## Features

- 3D cube animation with rotation on multiple axes.

- Different images displayed on each face of the cube.

- Hover effect that expands faces of the cube for a dynamic user experience.

- Clean and simple code for easy understanding and modification.