CSS Animation入门

最新推荐文章于 2024-09-26 19:50:45 发布

OskarJavaer

最新推荐文章于 2024-09-26 19:50:45 发布

阅读量95

点赞数

文章标签： css css3 animation

本文链接：https://blog.csdn.net/weixin_42228983/article/details/109059549

版权

CSS Animation入门

要实现的效果：

在这里插入图片描述

CSS代码

#dot{
    width: 29px;
    height: 4px;
    position: relative;
    top: -32px;
    left: 30px;
    margin: 0;
    background-color: lightpink;
    z-index: 0;
    transform:rotate(1turn);
    transform-origin: left; 

    animation: time 10s linear infinite;
}


@keyframes time {
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}