前端背景收集之文字雨（html）

信计2102罗铠威

已于 2024-03-06 17:08:42 修改

阅读量1.7k

点赞数 21

分类专栏： Vue项目常用组件模板仓库文章标签：前端 html

于 2023-12-27 14:14:25 首次发布

本文链接：https://blog.youkuaiyun.com/qq_66443592/article/details/135244641

版权

文章目录

🐒个人主页：信计2102罗铠威
🏅Vue项目常用组件模板仓库
- 📖前言：
- 🎀源码如下：

🐒个人主页：信计2102罗铠威

 🏅Vue项目常用组件模板仓库

📖前言：

本篇博客主要提供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>
    html, body {
      
      height: 100%; 
      margin: 0; 
      overflow: hidden;
    }
    body {
      
      display: flex; 
      align-items: center; 
      justify-content: center;
      background: #000; 
    }
    main {
     
      display: flex;
    }
    p {
     
      line-height: 1;
    }
    span {
     
      display: block;
      width: 2vmax; 
      height: 2vmax; 
      font-size: 2vmax; 
      color: #9bff9b11;
      text-align: center;
      font-family: "Helvetica Neue", Helvetica, sans-serif;
    }
  </style>
</head>
<body>
  <main></main