.horloge{
  position:relative;
  width:400px;
  border-radius:200px;
  height:400px;
  border:solid 1px black;
  text-align:center;
}

.seconds{
  height:320px;
  width:1px;
  position:absolute;
  top:40px;
  left:200px;
  transform:rotate(0deg);
  animation:tour 60s linear infinite;
}

.seconds div{
  height:180px;
  overflow:hidden;
  width:1px;
  background-color:red;
}

.min{
  height:320px;
  width:1px;
  position:absolute;
  top:40px;
  left:200px;
  transform:rotate(0deg);
  animation:tour 3600s linear infinite;
  }
  
  .min div{
  margin-top:20px;
  height:160px;
  overflow:hidden;
  width:1px;
  background-color:green;
  }

.hour{
  height:320px;
  width:1px;
  position:absolute;
  top:40px;
  left:200px;
  transform:rotate(0deg);
  animation:tour 86400s linear infinite;
}

  .hour div{
  margin-top:50px;
  height:130px;
  overflow:hidden;
  width:1px;
  background-color:blue;
  }

@keyframes tour{
  0%{
    transform:rotate(0deg);
  }
  100%{
    transform:rotate(360deg);
  }
}