#clockCanvas{
    opacity: 0.8;
    -webkit-animation: roll 3s;
    animation: roll 3s;
}
@-webkit-keyframes roll {
    from{-webkit-transform:rotate(360deg);opacity:0;}
    to{-webkit-transform:rotate(0deg);opacity:0.8;}
}
@keyframes roll {
    from{transform:rotate(360deg);opacity:0;}
    to{transform:rotate(0deg);opacity:0.8;}
}