https://github.com/alitahir4024/3d-project
Its a 3D cube animation project using only css3 and HTML5.
https://github.com/alitahir4024/3d-project
3d-cube-animation css3 html5 perspective radio
Last synced: 10 months ago
JSON representation
Its a 3D cube animation project using only css3 and HTML5.
- Host: GitHub
- URL: https://github.com/alitahir4024/3d-project
- Owner: alitahir4024
- License: mit
- Created: 2020-04-23T06:10:43.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2021-06-26T19:41:25.000Z (about 5 years ago)
- Last Synced: 2025-04-10T09:51:20.822Z (about 1 year ago)
- Topics: 3d-cube-animation, css3, html5, perspective, radio
- Language: CSS
- Homepage: https://alitahir4024.github.io/3D-project/
- Size: 346 KB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 3D project
Its a 3D cube animation project using only css3 and HTML5.In this project I have used different images and set them at different angles.The cube is moved by using HTML input tag of radio type.As we all know that a cube has 6 sides or we can say 6 portions.So thats why we have 6 input type radio buttons in our HTML.When user clicks any of them the cube is moved to that direction.And by default and cubes moves dynamically.
## Main HTML Tags used:
1:div:
https://www.w3schools.com/tags/tag_div.ASP
2:input:
https://www.w3schools.com/tags/tag_input.asp
3:label:
https://www.w3schools.com/tags/tag_label.asp
## Main CSS3 properties used:
1:transform:
https://www.w3schools.com/cssref/css3_pr_transform.asp
2:transition:
https://www.w3schools.com/cssref/css3_pr_transition.asp
3:perspective:
https://www.w3schools.com/cssref/css3_pr_perspective.asp
## Project Preview:
[3D Cube Project](https://alitahir4024.github.io/3D-project/)