Skip to content

mdurst365/javascript_analog_clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Javascript Analog Clock

This is a tutorial that I completed to keep practicing my JavaScript coding outside of the OSU coding bootcamp. The project designed to create an analog clock that is created entirely with HTML/CSS and Vanilla JavaScript.

Concepts covered by this tutorial included

  • How to use CSS variables in JavaScript
  • JavaScript date object
  • How to use CSS transform to center elements
  • How to use CSS transform to rotate elements on an axis
  • Using data attributes as selectors in JavaScript
  • Basic CSS pseudo element usage

Screenshot of completed project

Analog Clock

Link to Tutorial

https://www.youtube.com/watch?v=Ki0XXrlKlHY&ab_channel=WebDevSimplified

About

A beautiful analog clock built with HTML, CSS animations and Vanilla JS

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •