漫天流星特效html和css动态效果（附代码）

效果如下图：

文件目录：

html代码如下：

index.html

css代码如下：

index.css

:root {

–background-color: #2c3e50;

–border-color: #7591AD;

–text-color: #34495e;

–color1: #ec3e27;

–color2: #fd79a8;

–color3: #0984e3;

–color4: #00b894;

–color5: #fdcb6e;

–color6: #e056fd;

–color7: #F97F51;

–color8: #BDC581;

}

• {

margin: 0;

padding: 0;

}

html {

font-size: 14px;

}

body {

width: 100vw;

height: 100vh;

background-color: var(–background-color);

display: flex;

justify-content: center;

align-items: center;

/* font-family: ‘Times New Roman’, Times, serif; */

}

.channel {

position: absolute;

width: 80%;

text-align: center;

top: 50%;

left: 50%;

transform: translate(-50%, -200px);

font-size: 30px;

font-weight: bold;

color: #fff;

z-index: 999;

}

.container {

position: relative;

width: 100vw;

height: 100vh;

background-color: #000;

overflow: hidden;

display: flex;

justify-content: center;

align-items: center;

perspective: 800px;

/* perspective-origin: left bottom; */

transform-style: preserve-3d;

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后是今天给大家分享的一些独家干货：

【Android开发核心知识点笔记】

【Android思维脑图（技能树）】

【Android核心高级技术PDF文档，BAT大厂面试真题解析】

【Android高级架构视频学习资源】

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

DUiNk-1713682378865)]

【Android核心高级技术PDF文档，BAT大厂面试真题解析】

[外链图片转存中…(img-DrGN253M-1713682378866)]

【Android高级架构视频学习资源】

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！