当前位置：首页 > news >正文

HTML5+CSS3小实例：环绕小球弹性loading动画

news 2026/1/24 0:44:54

实例：环绕小球弹性loading动画

技术栈：HTML+CSS

效果：

源码：

【HTML】

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>环绕小球弹性loading动画</title><link rel="stylesheet" href="220.css" /></head><body><div class="loader"><div class="circle"></div></div></body>
</html>

【CSS】

* {margin: 0;padding:

HTML5+CSS3小实例：环绕小球弹性loading动画

实例：环绕小球弹性loading动画技术栈：HTML+CSS 效果：源码：【HTML】 <!DOCTYPE html> <html lang="zh-CN"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge&quo…...

编程日记 2024/3/1 3:42:13

SpringBoot 自定义注解实现操作日志记录

文章目录前言正文一、项目结构介绍二、核心类2.1 核心注解2.1.1 CLog 日志注解2.1.2 ProcessorBean 处理器bean 2.2 切面类2.3 自定义线程池2.4 工具类2.4.1 管理者工具类 2.5 测试2.5.1 订单创建处理器2.5.2 订单管理者2.5.3 订单控制器2.5.4 测试报文2.5.5 测试结果附录1、…...

编程日记 2024/3/1 3:40:11

ubuntu常见配置

ubuntu各个版本的安装过程大差小不差，可以参考，ubuntu20.04 其它版本换一下镜像版本即可安装之后需要配置基本的环境，我的话大概就以下内容，后续可能有所删改 sudo apt-get update sudo apt-get install gcc sudo apt-get inst…...

编程日记 2024/3/1 3:39:11

electron+vue3全家桶+vite项目搭建【27】封装窗口工具类【1】雏形

文章目录引入思路抽出公共声明文件抽出全局通用数据类型和方法主进程模块1.抽离基础常量2.封装窗口工具类渲染进程模块测试结果引入 demo项目地址可以看到我们之前在主进程中的逻辑全部都塞到index.ts文件中，包括窗口的一些事件处理，handle监听&am…...

编程日记 2024/3/1 3:38:10

从模型到复合AI系统的转变

2023年,大型语言模型(LLM)吸引了所有人的注意力,它可以通过提示来执行通用任务,例如翻译或编码。这自然导致人们将模型作为AI应用开发的主要成分而密切关注,所有人都在想新的LLM将带来什么能力。然而,随着越来越多的开发者开始使用LLM构建,我们认为这种关注正在迅速改变:最先进…...

编程日记 2024/3/1 3:37:09

将仓库A中的部分提交迁移到仓库B中

结论： 使用git format-patchgit am即可实现使用场景： 例如仓库A这里有5个提交记录，commitid1, commitid2, commitid3, commitid4，commitid5 仓库B想用仓库A中提交的代码，手动改比较慢，当改动较多的时候…...

编程日记 2024/3/1 3:35:06

信息安全技术基础

本博客地址：https://security.blog.csdn.net/article/details/136331705 一、信息安全基础 1、信息安全的基本要素有机密性、完整性、可用性、可控性与可审查性。信息安全的范围包括设备安全、数据安全、内容安全和行为安全。其中数据安全即采取措施确保数据免受未…...

编程日记 2024/3/1 3:34:05

flask知识--01

flask介绍 # python 界的web框架： Django：大而全，使用率较高 ：https://github.com/django/django -FastAPI：新项目选择使用它：https://github.com/tiangolo/fastapi -flask：公司一些…...

编程日记 2024/3/1 3:31:03

软考52-上午题-【数据库】-关系模式2

一、关系模式的回顾见：软考38-上午题-【数据库】-关系模式二、关系模式 2-1、关系模式的定义示例： 念法：A——>B A决定B，或者，B依赖于A。 2-2、函数依赖 1、非平凡的函数依赖如果X——>Y，&a…...

编程日记 2024/3/1 3:25:57

devc++跑酷小游戏3.5.0

本来想搞存档的，失败了，要再学学文件操作的函数。还有一个打印地图的函数，更失败，彻底放弃。最近开学了，游戏不会经常更新，要写作业。昨天写到10点T_T #include<bits/stdc.h> #include<windows.h…...

编程日记 2024/3/1 3:24:56

Redisson限流算法

引入依赖 <dependency><groupId>org.redisson</groupId><artifactId>redisson-spring-boot-starter</artifactId><version>3.12.3</version> </dependency>建议版本使用3.15.5以上使用这边写了一个demo示例，定…...

编程日记 2024/3/1 3:23:55

GPT与MBR：硬盘分区表格式的革新与区别

概述在计算机存储领域，硬盘分区是管理数据和操作系统部署的基础。两种广泛使用的分区表格式——MBR（Master Boot Record）和GPT（GUID Partition Table），各自代表了不同的技术阶段和发展需求。本文将详细介…...

编程日记 2024/3/1 3:21:51

机器学习-1

文章目录前言机器学习基本定义练习题前言在本片开始将为大家介绍机器学习相关的知识点。机器学习基本定义夏天，我们通常会去水果店里买西瓜，我们看到一个根蒂蜷缩、敲起来声音浑浊的青绿色的西瓜，我们提着西瓜就去结账了，…...

编程日记 2024/3/1 3:17:48

Stream流详解

当我们对一个集合中的元素进行多次过滤应该怎样做? 下面看一个案例按照下面的要求完成集合的创建和遍历创建一个集合，存储多个字符串元素把集合中所有以"张"开头的元素存储到一个新的集合把"张"开头的集合中的长度为3的元素存储到一个新…...

编程日记 2024/3/1 3:14:45

javaweb学习（day05-TomCat）

一、介绍 1 官方文档地址: https://tomcat.apache.org/tomcat-8.0-doc/ 2 WEB 开发介绍 2.1 WEB 在英语中 web 表示网/网络资源(页面,图片,css,js)意思，它用于表示 WEB 服务器(主机)供浏览器访问的资源 2.2 Web 资源 WEB 服务器 ( 主机 ) 上供外界访问的 …...

编程日记 2024/3/1 3:10:40

【Unity】构建简单实用的年份选择器（简单原理示范）

在许多应用程序和游戏中，年份选择是一个常见的需求。无论是在日历应用程序中查看事件，还是在历史类游戏中选择时间段，年份选择器都是用户体验的重要组成部分，下面实现一个简易的年份选择器。一、效果预览： 目录一、…...

编程日记 2024/3/1 3:09:39

LeetCode 2120.执行所有后缀指令

现有一个 n x n 大小的网格，左上角单元格坐标 (0, 0) ，右下角单元格坐标 (n - 1, n - 1) 。给你整数 n 和一个整数数组 startPos ，其中 startPos [startrow, startcol] 表示机器人最开始在坐标为 (startrow, startcol) 的单元格上。另给你…...

编程日记 2024/3/1 3:07:37

租赁小程序|租赁系统|租赁软件开发带来高效运营

随着社会的不断发展和科技的不断进步，越来越多的企业开始关注设备租赁业务。设备租赁作为一种短期使用设备的方式，为企业提供了灵活和成本节约的优势。针对设备租赁业务的管理和提升企业竞争力的需求，很多企业选择定制开发设备租赁系统。本文…...

编程日记 2024/3/1 3:05:35

大数据集群管理软件 CDH、Ambari、DataSophon 对比

文章目录引言工具介绍CDHAmbariDataSophon 对比分析引言大数据集群管理方式分为手工方式和工具方式，手工方式一般指的是手动维护平台各个组件，工具方式是靠大数据集群管理软件对集群进行管理维护。本文针对于常见的方法和工具进行比较，帮助…...

编程日记 2024/3/1 3:02:32

插值、逼近、拟合、光顺

插值插值（Interpolation）是数学和计算科学中的一个重要概念，它指的是通过已知的一系列数据点，构造一个函数或曲线，并据此估计未知数据点的值。这个过程通常发生在已知数据点之间，用于预测或估算在这些已知…...

编程日记 2024/3/1 3:01:31

Python：操作 Excel 折叠

💖亲爱的技术爱好者们，热烈欢迎来到 Kant2048 的博客！我是 Thomas Kant，很开心能在CSDN上与你们相遇～💖 本博客的精华专栏：【自动化测试】【测试经验】【人工智能】【Python】 Python 操作 Excel 系列读取单元格数据按行写入设置行高和列宽自动调整行高和列宽水平…...

编程新知 2026/1/22 8:28:23

1 方法一先用方法 keySet() 获取集合中的所有键。再通过 gey(key) 方法用对应键获取值 import java.util.HashMap; import java.util.Set;public class Test {public static void main(String[] args) {HashMap hashMap new HashMap();hashMap.put("语文",99);has…...

编程新知 2026/1/20 18:28:18

【快手拥抱开源】通过快手团队开源的 KwaiCoder-AutoThink-preview 解锁大语言模型的潜力

引言： 在人工智能快速发展的浪潮中，快手Kwaipilot团队推出的 KwaiCoder-AutoThink-preview 具有里程碑意义——这是首个公开的AutoThink大语言模型（LLM）。该模型代表着该领域的重大突破，通过独特方式融合思考与非思考…...

编程新知 2026/1/15 10:59:06

从零实现STL哈希容器：unordered_map/unordered_set封装详解

本篇文章是对C学习的STL哈希容器自主实现部分的学习分享希望也能为你带来些帮助~ 那咱们废话不多说，直接开始吧！ 一、源码结构分析 1. SGISTL30实现剖析 // hash_set核心结构 template <class Value, class HashFcn, ...> class hash_set {ty…...

编程新知 2026/1/15 5:44:22

PL0语法，分析器实现！

简介 PL/0 是一种简单的编程语言，通常用于教学编译原理。它的语法结构清晰，功能包括常量定义、变量声明、过程（子程序）定义以及基本的控制结构（如条件语句和循环语句）。 PL/0 语法规范 PL/0 是一种教学用的小型编程语言，由 Niklaus Wirth 设计，用于展示编译原理的核…...

编程新知 2026/1/15 5:21:17

鱼香ros docker配置镜像报错：https://registry-1.docker.io/v2/

使用鱼香ros一件安装docker时的https://registry-1.docker.io/v2/问题一键安装指令 wget http://fishros.com/install -O fishros && . fishros出现问题：docker pull 失败网络不同，需要使用镜像源按照如下步骤操作 sudo vi /etc/docker/dae…...

编程新知 2025/12/31 6:28:08