html+css+js实现星空特效

最新推荐文章于 2025-03-17 13:28:29 发布

置顶

拾玥花开

最新推荐文章于 2025-03-17 13:28:29 发布

阅读量5.1w

点赞数 76

分类专栏：前端 js 文章标签： html css3 canvas javascript js

本文链接：https://blog.youkuaiyun.com/weixin_44691513/article/details/108412365

版权

html+css+js实现星空特效

本文已同步到凯文的博客https://kevindurant-source.github.io./
废话不多说直接上代码，效果是一个星空旋转和文字逐渐出现的效果，文字是逐渐出现的，星空中的小球是旋转的

效果视频博主已发往b站：效果实现地址

效果： $[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yTggHGqf-1599228095376)(C:\Users\dell\Desktop\凯文的前端博客\images2\1.png)]$

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>星空特效</title>
    <style>
        *{
    
            margin: 0;
            padding: 0;
        }
        body{
    
            overflow: hidden;
            background-color: #000;
        }
        h1{
    
            position: absolute;
            line-height: 50px;
            letter-spacing: 5px;
            color: #fff;
            width: 300px;
            top: 40%;
            left: 50%;
            margin-left: -200px;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <h1

最低0.47元/天解锁文章