目录
写在前面
完整代码
代码分析
系列文章
写在最后
写在前面
岁月如梭,光阴似箭,不知不觉暑假就要来喽,本期小编用HTML给大家手搓了一个炫酷的流星雨动画,一起来看看吧。
完整代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>流星雨</title>
<style>
body {
background-color: black;
width: 100%;
height: 100%;
overflow: hidden;
}
.star {
position: absolute;
width: 0;
height: 0;
opacity: 0.2;
border: 2px solid transparent;
b