diff --git a/02 - JS and CSS Clock/index-FINISHED.html b/02 - JS and CSS Clock/index-FINISHED.html index 04d1a4e40e..bb4a36936b 100644 --- a/02 - JS and CSS Clock/index-FINISHED.html +++ b/02 - JS and CSS Clock/index-FINISHED.html @@ -60,6 +60,7 @@ width: 50%; height: 6px; background: black; + border-radius: 50%; position: absolute; top: 50%; transform-origin: 100%; @@ -67,6 +68,17 @@ transition: all 0.05s; transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1); } + + /* Styling each hand differently */ + .minute-hand { + height: 8px; + } + + .hour-hand { + height: 8px; + width: 30%; + right: 50%; + }