https://github.com/aadewunmi/project_3dswing

3d-swing 3d-transforms css css-animations css3 html html-css-javascript

Last synced: about 1 month ago
JSON representation

3D Swing CSS Animation Project

Host: GitHub
URL: https://github.com/aadewunmi/project_3dswing
Owner: AAdewunmi
Created: 2022-09-04T08:04:58.000Z (over 2 years ago)
Default Branch: master
Last Pushed: 2022-09-16T12:08:08.000Z (over 2 years ago)
Last Synced: 2025-01-25T06:11:34.971Z (3 months ago)
Topics: 3d-swing, 3d-transforms, css, css-animations, css3, html, html-css-javascript
Language: CSS
Homepage:
Size: 15.6 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

README

# Project Title: 3D Swing CSS Animation Project

## 1. Project Description:

This is a project that uses CSS animations and CSS 3D Transforms to make a small ball move from one swing to another swing.

## 2. Tech Stack:

- HTML
- CSS 5

## 3. Installing:

1. Clone the git repo

```
https://github.com/AAdewunmi/Project_3DSwing.git
```

2. Open Project Folder

3. Explore

4. Open index.html in Visual Studio Code (or whatever IDE you choose), using Live Server.

5. Your selected internet brower will display a small ball moving from one swing to another swing.

Enjoy 😎

## 4. Project Illustration:
- Click on white arrow below image to start video

https://user-images.githubusercontent.com/15172744/190631411-9ed05d65-e41b-4b10-9dd1-f89ad162c8b6.mov

## Adapted from:

UDEMY Course: 50+ Web Projects with HTML, CSS, and JavaScript.

Project Name: Project 5: 3D Swing

Created by: Created by Code And Create, George Lomidze, Lasha Nozadze

Last updated 07/2022

URL: https://www.udemy.com/course/50-web-projects-with-html-css-and-javascript/