Create a working stopwatch with minute and second hands using only CSS animations.
- There are no tests for this task so don't run
npm test
- There are no strict design you should follow for this task, you may choose on your own.
- The starting position of the hands should be at the top.
- Display a stopwatch in the center of the page.
- Demo has
80vmin
size - For the demo purpose rotate hands during
5s
and60s
Here are the Layout Tasks Instructions
❗️ Replace <your_account>
with your Github username and copy the links to Pull Request
description:
❗️ Copy this Checklist
to the Pull Request
description after links, and put - [x]
before each point after you checked it.
- Keyframes implemented using from/to + transform with rotate property
- Stopwatch is centered and has correct arrows size
- All
Typical Mistakes
fromBEM
lesson theory are checked. - Code follows all the Code Style Rules ❗️