summary | time | deliverables |
---|---|---|
Use Javascript and CSS effects to make a banner with an animated random starfield in the background. |
1 hour |
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
width
andheight
of 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.