zhangsanshi / issue-blog

It's a blog rather than issue
0 stars 0 forks source link

CSS 实现时钟效果 #41

Open zhangsanshi opened 7 years ago

zhangsanshi commented 7 years ago

链接 主要逻辑

@keyframes clock {
        0 {
            transform: rotate(0deg) translateZ(0);
        }
        100% {
            transform: rotate(360deg) translateZ(0);
        }
}
.clock-s {
        /* steps 60 */
        animation: clock 60s steps(60, end) infinite;
}