| summary | Use Javascript and CSS effects to make a banner with an animated random starfield in the background. |
|---|---|
| time | 1 hour |
| deliverables | 1 HTML file, 1 CSS file, 1 JS file |
- Fork this repository.
- Write Javascript that will generate 75 stars into the banner with random locations, opacities, rotations, and scales.
- Animate the
widthandheightof the stars so they pulse. - Much of the CSS is written for you: concentrate on the
animation - DO NOT change the HTML.
- Run it through Markbot and make sure it passes all the checks.
- Number of stars:
75 - Randomized:
top,left,opacity,transform: rotate() scale() - Getting the width/height of elements:
outerWidth(),outerHeight()
Create the interaction shown in the linked video.
Drop this folder into your Markbot application. Make sure to fix all the errors. And submit online.