前端例程20221227:下雪动画

news2025/1/11 5:13:06

演示

在这里插入图片描述
动图太大了不好上传,这里就放个静态图吧,实际上这里是雪花从上到下飘落的效果。

代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>下雪动画</title>

    <style>
        * {
            padding: 0;
            margin: 0;
            user-select: none;
            box-sizing: border-box;
        }

        html,
        body {
            height: 100vh;
            width: 100vw;
        }
    </style>

    <style>
        .bg {
            height: 100vh;
            width: 100vw;
        }

        .bg>img {
            height: 100%;
            width: 100%;
            object-fit: cover;
            position: absolute;
        }
    </style>

    <style>
        .snow-area {
            height: 100vh;
            width: 100vw;
            position: fixed;
            left: 0px;
            top: 0px;
            overflow: hidden;
            pointer-events: none;
        }

        .snow-slice {
            width: 100%;
            height: 100%;
            position: absolute;
            background-image: url("data:image/png;base64,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");
            background-repeat: repeat;
            top: -100%;
            opacity: 0;
            overflow: hidden;
            pointer-events: none;
            /* transform-origin: 0% 0%; */
            animation-name: snow-falling;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

        @keyframes snow-falling {
            0% {
                top: -100%;
                opacity: 0;
            }

            1% {
                top: -100%;
                opacity: 1;
            }

            99.8% {
                top: 100%;
                opacity: 1;
            }

            99.9% {
                opacity: 0;
            }

            100% {
                top: -100%;
                opacity: 0;
            }
        }

        .snow-slice:nth-child(1) {
            animation-delay: 0s;
            animation-duration: 50s;
            background-position: 10% 20%;
        }

        .snow-slice:nth-child(2) {
            animation-delay: 25s;
            animation-duration: 50s;
            background-position: 40% 60%;
        }

        .snow-slice:nth-child(3) {
            animation-delay: 0s;
            animation-duration: 70s;
            background-position: 90% 10%;
            opacity: 0.5;
        }

        .snow-slice:nth-child(4) {
            animation-delay: 35s;
            animation-duration: 70s;
            background-position: 50% 15%;
            opacity: 0.5;
        }
    </style>
</head>

<body>
    <div class="bg">
        <img src="./R0001452.webp" alt="">
    </div>
    <div class="snow-area">
        <div class="snow-slice"></div>
        <div class="snow-slice"></div>
        <div class="snow-slice"></div>
        <div class="snow-slice"></div>
    </div>
</body>

</html>

更多例程

更多例程可以参考下面代码仓库:
https://github.com/NaisuXu/front-end-web-examples

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/118364.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Spring【AOP】】——20、搭建一个AOP测试环境?

&#x1f4eb;作者简介&#xff1a;zhz小白 公众号&#xff1a;小白的Java进阶之路 专业技能&#xff1a; 1、Java基础&#xff0c;并精通多线程的开发&#xff0c;熟悉JVM原理 2、熟悉Java基础&#xff0c;并精通多线程的开发&#xff0c;熟悉JVM原理&#xff0c;具备⼀定的线…

Linux系统运行时参数命令--CPU性能监控

目录 2 CPU性能监控 2.1 平均负载和CPU使用率 1 平均负载基础 2 使用uptime命令分析平均负载 3 平均负载与 CPU 使用率 4 CPU使用率监测命令 ps查找进程信息 top命令查询进程的cpu、内存信息 mpstat pidstat 场景一&#xff1a;CPU 密集型进程 场景二&#xff1a;I…

嵌入式开发学习之--DMA(上)

提示&#xff1a;本篇文章主要了解学习一下DMA 文章目录前言一、DMA是什么&#xff1f;二、DMA使用步骤1、外设通道选择2.2、仲裁器2.3、FIFO2.4、存储器端口 外设端口2.5、编程端口三、DMA结构体初始化详解总结前言 上一篇文章学习了串口通信&#xff0c;这一篇我们来学习一下…

虹科案例 | 实现了新的核磁共振应用!(下)

摘要 光纤传感器已成为推动MRI最新功能套件升级和新MRI设备设计背后的关键技术。在这篇文章中&#xff0c;我们介绍了三个基于MRI的运动控制应用&#xff0c;展示了最近开发的、可在市场上买到的基于MRI的安全光纤反馈传感器的操作和使用。 案例研究 案例研究#1用于验证MRI技…

【聆思CSK6 视觉AI开发套件试用】体验AI功能

本篇文章来自极术社区与聆思科技组织的CSK6 视觉AI开发套件活动&#xff0c;更多开发板试用活动请关注极术社区网站。作者&#xff1a;YiCheng 很高兴极术社区和聆思科技举办的开发板申请试用活动&#xff0c;放张开箱图&#xff1a; 开发板介绍NanoKit开发板# NanoKit开发板是…

【算法】前缀和与差分

文章目录1.一维前缀和输入格式输出格式数据范围2.二维前缀和输入格式输出格式数据范围3.一维差分输入格式输出格式数据范围4.二维差分输入格式输出格式数据范围前缀和差分是一对逆运算1.一维前缀和 有一个长度为n的数组an:a1,a2…an; 对于前缀和&#xff1a;Si a1a2…ai 如何…

刷爆力扣之二进制求和

刷爆力扣之二进制求和 HELLO&#xff0c;各位看官大大好&#xff0c;我是阿呆 &#x1f648;&#x1f648;&#x1f648; 今天阿呆继续记录下力扣刷题过程&#xff0c;收录在专栏算法中 &#x1f61c;&#x1f61c;&#x1f61c; 该专栏按照不同类别标签进行刷题&#xff0c;…

Spark零基础入门实战(八)Spark运行时架构

Spark有多种运行模式,可以运行在一台机器上,称为本地(单机)模式,也可以以YARN或Mesos作为底层资源调度系统以分布式的方式在集群中运行,称为Spark On YARN模式,还可以使用Spark自带的资源调度系统,称为Spark Standalone模式。 本地模式通过多线程模拟分布式计算,通常…

如何使用Python创建一个虚拟助理

使用Python创建一个虚拟助手 虚拟助理是基于人工智能的程序。它们是一种智能计算机程序&#xff0c;可以通过语音命令或文本理解人类的自然语言&#xff0c;并为用户执行任务。本文将指导你通过使用Python库来创建你自己的语音助手的过程。 在本教程中&#xff0c;我将在Jetb…

2022已经到了尾声,做一个漂亮的倒计时页面迎接2023年的到来

个人主页&#xff1a;天寒雨落的博客_CSDN博客-初学者入门C语言,python,数据库领域博主 目录 前言 效果图 网页直链 完整代码 倒计时的实现原理 前言 2022即将到来&#xff0c;快来一起做一个元旦倒计时分享给自己喜欢的人吧~ 效果图 网页直链 下面是可以直接访问的网页…

离散数学实践三判别图的连通性【JAVA实现】

文章目录思路重要算法&Warshall 算法代码全部代码效果展示思路 对于给定的邻接矩阵 A&#xff0c;可以用可达矩阵 Warshall 算法求出 A 所表示的图的可达矩阵 P。 对于可达矩阵 P 来说&#xff0c;如果 P 的所有元素均为 111&#xff0c;则所给的有向图是强连通的&#xf…

Python实现的一个简洁轻快的后台管理框架.支持拥有多用户组的RBAC管理后台,不用配置各种运行环境

Mini Admin 完整代码下载地址&#xff1a;Python实现的一个简洁轻快的后台管理框架.支持拥有多用户组的RBAC管理后台 Mini Admin,一个简洁轻快的后台管理框架.支持拥有多用户组的RBAC管理后台 &#x1f680; 应用场景&#xff1a;2-5人的管理团队&#xff0c;需要管理的资源数…

Mysql 慢日志处理

勿以恶小而为之&#xff0c;勿以善小而不为---- 刘备 有时候我们需要排查执行缓慢的SQL语句&#xff0c;这就用到了mysql慢查询日志。 开启慢查询日志的方式有两种&#xff1a;临时开启和永久开启。 开启慢查询日志功能可能需要mysql的版本达到5.7 查看版本号 select VERSI…

linux常用命令-路径切换及查看

切换路径-cd 我们可以使用cd&#xff08;change directory&#xff0c;切换目录&#xff09;的命令来进行目录切换 常规 其命令格式为 cd [相对路径或绝对路径] 例如&#xff1a; // 使用相对路径&#xff0c;切换到postfix目录下 cd ../postfix// 使用绝对路径切换到/var/…

centos7安装zabbix5.0

zabbix官网&#xff1a;https://www.zabbix.com/ 安装Zabbix存储库 rpm -Uvh https://repo.zabbix.com/zabbix/5.0/rhel/7/x86_64/zabbix-release-5.0-1.el7.noarch.rpm yum clean all安装Zabbix server&#xff0c;Web前端&#xff0c;agent yum install zabbix-server-mys…

2023年天津农学院专升本专业课考试考场安排与东西校区入校须知

天津农学院2023年高职升本科专业课考试考场安排等事宜的通知一、考试时间及考场分布情况天津农学院专升本专业课考试2022年12月31日上午在天津农学院东、西校区进行&#xff0c;每位考生请按照准考证上标注的地点参加考试即可&#xff0c;考场安排及考场分布图详见。天津农学院…

docker 安装mysql数据库

docker安装 如果不知道docker怎么安装的&#xff0c;请看docker安装教程 docker 安装mysql 拉取镜像 docker pull mysql:5.7在本地创建目录&#xff08;存放数据库文件&#xff09; 容器中的文件&#xff0c;映射到宿主机。 mkdir -p ./mysql/data ./mysql/logs ./mysql/…

FineRrport填报重复数据校验

参考&#xff1a; 校验填报页面的数据是否重复- FineReport帮助文档 - 全面的报表使用教程和学习资料 联立多字段校验是否与数据库中数据重复- FineReport帮助文档 - 全面的报表使用教程和学习资料 1、校验填报页面数据是否重复&#xff08;多列&#xff09; 1&#xff09…

Unity Recorder的使用讲解

Unity Recorder的使用讲解使用目的插件下载插件位置窗口基本介绍基本设置选项录制列表Animation Clip参数讲解Movie 电影模式参数介绍SourceGameViewTargeted Camera360ViewRender Texture AssetOutPut ReslutionInclude AudioFlip VerticalTexture SamplingFormatMedia File F…

智慧餐饮远程监控解决方案,让您吃的放心吃的安心

一、行业背景随着国民经济的提高&#xff0c;人们的生活水平也随之提升。近几年&#xff0c;食品安全问题频发&#xff0c;大家也开始对食品安全问题重点关注&#xff0c;尤其是食品生产企业、餐饮单位或学校食堂。自2014年开始&#xff0c;国家食品药品监督管理总局就以及开展…