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