简单的流星背景图动画效果

最新推荐文章于 2024-07-01 18:15:00 发布

愿你归来如春风

最新推荐文章于 2024-07-01 18:15:00 发布

阅读量1.7k

点赞数 1

本文链接：https://blog.csdn.net/weixin_42835650/article/details/81868449

版权

html代码

<div class="star"></div>
    <div class="star pink"></div>
    <div class="star blue"></div>

css代码

  body{
            width: 1000px;
            height: 1000px;
            background-color: skyblue;
        }
        .star {
            display: block;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #FFF;
            top: 100px;
            left: 500px;
            position: relative;
            transform-origin: 100% 0;
            animation: