https://github.com/lana-20/hoverboard
https://github.com/lana-20/hoverboard
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/lana-20/hoverboard
- Owner: lana-20
- Created: 2021-08-13T16:33:17.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-08-13T16:41:13.000Z (about 4 years ago)
- Last Synced: 2024-12-30T09:47:21.123Z (9 months ago)
- Language: JavaScript
- Size: 1.95 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
| [Hoverboard](https://github.com/lana-20/50Projects50Days/tree/main/HoverBoard) | [Live Demo](https://lana-20.github.io/hoverboard/) |
|----|----|
In this project, I am creating a hover board, where you can paint boxes on the screen.
I am styiling them with CSS and setting to a certain number.
It is set to 500 in the JavaScript now, and it paints that number of boxes.
I have event listeners for mouseover and mouseout, so when you hover over it gives you a random color.
When hovering over a box, it turns blue; hover again - purple. There is an array of colors to choose from.
This can be used for a drawing application. I am using CSS transition for the fadeout effect.