HTML JavaScript 闪光涟漪

ops/2024/10/21 15:29:36/
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>.ripple-container {position: relative;width: 80px;height: 80px;overflow: hidden;border-radius: 50%;}.ripple {position: absolute;border: 10px solid red;border-radius: 50%;animation: ripple 2s infinite;opacity: 1;}@keyframes ripple {0% {width: 0;height: 0;opacity: 1;border-color: rgba(255, 0, 0, 1);top: 50%;left: 50%;transform: translate(-50%, -50%);}100% {width: 100%;height: 100%;opacity: 0;border-color: rgba(255, 0, 0, 0);top: 50%;left: 50%;transform: translate(-50%, -50%);}}</style>
</head>
<body><div class="ripple-container"><div class="ripple"></div></div>
</body>
</html>

http://www.ppmy.cn/ops/87259.html

相关文章

Linux下的nc命令:网络工具的瑞士军刀

在 Linux 系统中&#xff0c;有许多强大的网络工具可用于网络连接、数据传输和端口扫描。其中一个非常强大的工具是 nc&#xff0c;也称为 Netcat&#xff0c;被称为网络工具的瑞士军刀&#xff0c;因为它可以执行各种网络任务。本文将深入探讨 nc 命令的使用方法&#xff0c;提…

JavaScript的常见难点(一)

1. 异步编程 如何使用&#xff1a;使用回调函数、Promise、async/await 来处理异步操作。面试问题&#xff1a; 解释什么是 Promise&#xff0c;如何使用它。async 和 await 是什么&#xff1f;它们如何简化异步代码&#xff1f;面试问题的答案&#xff1a; Promise&#xff1…

使用指定版本python创建虚拟机环境

安装python3.9 对于 Ubuntu/Debian&#xff0c;可以使用以下命令&#xff1a; sudo apt update sudo apt install python3.9 对于 CentOS&#xff0c;可能需要先启用 EPEL 存储库&#xff0c;然后使用以下命令&#xff1a; sudo yum install https://dl.fedoraproject.org/…

【c++】多线程

多线程可以解决什么问题&#xff0c;最重要的用途是什么&#xff1f; 多线程技术在现代软件开发中扮演着至关重要的角色&#xff0c;它可以解决多种问题并带来显著的好处。以下是多线程最重要的几个用途&#xff1a; 资源利用最大化: 多线程可以充分利用多核处理器的能力&…

全球海关编码的共同编写规则

全球海关编码的共同编写规则主要基于《商品名称及编码协调制度的国际公约》&#xff08;简称《协调制度》或HS编码&#xff09;&#xff0c;这是一部由世界海关组织&#xff08;WCO&#xff09;主持编制的科学、系统的国际贸易商品分类体系。以下是全球海关编码的共同编写规则&…

非全尺寸婴儿床和游戏围栏美国CPC认证16CFR1121测试 ASTM F406报告

非全尺寸婴儿床和游戏围栏美国CPC认证16CFR1121测试 ASTM F406报告办理 什么是婴儿游戏围栏&#xff1f; 婴儿游戏围栏是一种框架式围栏&#xff0c;由网状织物或布料材质的非刚性护栏和底板组成。本政策适用于专为儿童提供睡眠和游戏环境而设计的游戏围栏&#xff08;高度低…

重生了,这一世 我一定要学会服务器 只因………

你好,我是Qiuner. 为帮助别人少走弯路和记录自己编程学习过程而写博客 这是我的 github https://github.com/Qiuner ⭐️ ​ gitee https://gitee.com/Qiuner &#x1f339; 如果本篇文章帮到了你 不妨点个赞吧~ 我会很高兴的 &#x1f604; (^ ~ ^) 想看更多 那就点个关注吧 我…

Docker Dockerfile使用非root用户

ubuntu ------docker root 用户密码&#xff1a; sudo passwd root 创建新用户 newuser sudo adduser newuser 给新用户 newuser 添加管理员权限 sudo usermod -aG sudo newuser 如果需要访问/root 目录下的文件&#xff0c;比如miniconda chown -R newuser:newuser /root…