css+js模拟终端系统启动控制台命令行输出闪烁动画效果代码
代码语言:html
所属分类:动画
代码描述:css+js模拟终端系统启动控制台命令行输出闪烁动画效果代码
代码标签: css js 模拟 终端 系统 启动 控制台 命令行 输出 闪烁 动画
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
<style>
:root {
--green: #66ff66;
}
* {
box-sizing: border-box;
}
body {
background-color: #000;
background: radial-gradient(#177317, #000);
box-shadow: inset 0 0 30rem #000000;
color: #66ff66;
padding: 1rem;
margin: 0;
font-size: 1.5rem;
text-shadow: 0 0 5px rgb(from #66ff66 calc(r + 40) calc(g + 40) b);
font-family: "VT323", monospace;
font-weight: 400;
font-style: normal;
height: 100vh;
overflow: hidden;
}
#terminal-history {
margin: 0;
padding: 0;
lis.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0