Skip to content

vneholiuk/layout_stop-watch

 
 

Repository files navigation

Stopwatch task

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 and 60s

Here are the Layout Tasks Instructions

reference image

Checklist

❗️ 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 from BEM lesson theory are checked.
  • Code follows all the Code Style Rules ❗️

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 61.0%
  • JavaScript 36.5%
  • SCSS 2.5%