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

html球体涨水

news 文章来源：https://blog.csdn.net/grow_/article/details/137810004 2024/10/27 23:23:51

简单

代码

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>div {width: 200px;height: 200px;margin-left: 200px;border: 1px solid red;border-radius: 50%;position: relative;overflow: hidden;}div::before {content: "";position: absolute;top: 100%;left: 0;background-color: red;width: 200px;height: 200px;border-radius: 50%;transition: 0.5s;}div:hover:before {top: 0;}</style>
</head><body><div></div>
</body></html>

复杂

代码

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.container {width: 1000px;height: 580px;margin: 50px auto;border: 1px solid green;position: relative;}.top {margin: 0 auto 0px;padding: 10px 0;background: deepskyblue;color: #fff;}.dajianshi {width: 100%;height: 400px;position: relative;}ul {display: flex;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}ul li {list-style: none;}ul li span {width: 120px;height: 120px;background-color: #fff;text-align: center;line-height: 120px;margin: 0 10px;display: block;border-radius: 50%;position: relative;overflow: hidden;border: 3px solid #cde;z-index: 1;}ul li span:before {content: "";position: absolute;top: 100%;left: 0;width: 100%;height: 100%;transition: 0.5s;z-index: 2;}ul li span:hover:before {top: 0;}ul li:nth-child(1) span:before {background: red;}ul li:nth-child(2) span:before {background: orange;}ul li:nth-child(3) span:before {background: yellow;}ul li:nth-child(4) span:before {background: green;}</style>
</head><body><div class="container"><div class="top"><h3>球体涨水的效果</h3></div><div class="dajianshi"><ul><li><span></span></li><li><span></span></li><li><span></span></li><li><span></span></li></ul></div></div>
</body></html>

html球体涨水

简单代码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title><style>div…...

编程日记 2024/4/17 5:31:14

ubuntu手动编译opencv 4.9.0遇到的问题汇总编译流程以4.9.0版本为例，可参考：https://docs.opencv.org/4.9.0/d2/de6/tutorial_py_setup_in_ubuntu.html 编译加速 https://blog.csdn.net/tfb760/article/details/104030841 ippicv_2021.10.0_lnx_i…...

编程日记 2024/4/17 5:30:13

SEO之搜索引擎的工作原理（三）

初创企业需要建站的朋友看这篇文章，谢谢支持：我给不会敲代码又想搭建网站的人建议 （接上一篇。。。） 排名经过搜索引擎蜘蛛抓取页面，索引程序计算得到倒排索引后，搜索引擎就准备好可以随时处理用户搜索了…...

编程日记 2024/4/17 5:28:11

开发语言漫谈-python

python的语法和C完全不同，但是它也是C写的。也就是想成为高手，C是必备武功。不是每个人都想成为武林高手。所以客观上需要个简单上手开发效率高的语言，就这样python诞生了。python的发明人其实不喜欢蟒蛇，但是不知道为啥选这个名字…...

编程日记 2024/4/17 5:27:10

JVM指令收集

1. 栈和局部变量操作 1.1 将常量压入栈的指令aconst_null 将null对象引用压入栈 iconst_m1 将int类型常量-1压入栈 iconst_0 将int类型常量0压入栈 iconst_1 将int类型常量1压入栈 iconst_2 将int类型常量2压入栈 iconst_3 将int类型常量3压入栈 iconst_4 将int类型常量4压入…...

编程日记 2024/4/17 5:25:08

小程序解析二维码：jsQR

1.了解jsQR jsQR是一个纯javascript脚本实现的二维码识别库，不仅可以在浏览器端使用，而且支持后端node.js环境。jsQR使用较为简单，有着不错的识别率。 2.效果图 3.二维码 4.下载jsqr包 npm i -d jsqr5.代码  &l…...

编程日记 2024/4/17 5:24:07

【verilog 设计】 reg有没有必要全部赋初值？

一、前言在知乎发现“reg有没有必要全部赋初值”这个问题，与自己近期对Verilog reg的进一步学习相契合，此文对这个问题进行总结。二、reg的初值赋值方式就语法意义赋初值而言，就是在声明reg时对其赋值。在工程中，对于数字系…...

编程日记 2024/4/17 5:22:05

NLP问答系统：使用 Deepset SQUAD 和 SQuAD v2 度量评估

目录一、说明二、Deepset SQUAD是个啥？ 三、问答系统（QA系统），QA系统在各行业的应用及基本原理 3.1 医疗 3.2 金融 3.3 顾客服务 3.4 教育 3.5 制造业 3.6 法律 3.7 媒体 3.8 政府四、在不同行业使用QA系统的基本原理五、关于…...

编程日记 2024/4/17 5:21:03

php开发中如何防止抓包工具伪造请求

要防止抓包工具伪造请求，采取一系列的技术和策略来增强应用程序的安全性。以下是一些关键步骤和最佳实践： 1. 使用HTTPS 确保应用程序使用HTTPS协议进行通信。HTTPS通过TLS/SSL加密客户端和服务器之间的数据传输，这使得抓包工具捕获到的数据…...

编程日记 2024/4/17 5:20:02

密码学 | 椭圆曲线数字签名方法 ECDSA（下）

目录 10 ECDSA 算法 11 创建签名 12 验证签名 13 ECDSA 的安全性 14 随机 k 值的重要性 15 结语 ⚠️ 原文：Understanding How ECDSA Protects Your Data. ⚠️ 写在前面：本文属于搬运博客，自己留着学习。同时，经过几…...

编程日记 2024/4/17 5:17:59

拟态个人主页UI源码

拟态个人主页效果图源代码领取源码效果图 PC端移动端源代码 index.php <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><title>孤客 |佩恩</title><meta name"keywords" co…...

编程日记 2024/4/17 5:16:58

移动硬盘无法打开？别慌！这里有救星！

移动硬盘作为现代生活中重要的数据存储工具，承载着我们大量的文件和数据。然而，有时我们会遇到移动硬盘无法打开的情况，这往往让人焦虑不已。那么，当移动硬盘无法打开时，我们应该如何应对呢？ 移动硬盘无法打…...

编程日记 2024/4/17 5:15:57

windows下已经创建好了虚拟环境，但是切换不了的解决方法

用得多Ubuntu，今天用Windows重新更新anaconda出问题，重新安装之后，打开pycharm发现打开终端之后，刚开始是ps的状态，后面试了网上改cmd的方法，终端变成c盘开头了切换到虚拟环境如下：目前的shell…...

编程日记 2024/4/17 5:14:56

Java反序列化基础-类的动态加载

类加载器&双亲委派什么是类加载器类加载器是一个负责加载器类的对象，用于实现类加载的过程中的加载这一步。每个Java类都有一个引用指向加载它的ClassLoader。而数组类是由JVM直接生成的（数组类没有对应的二进制字节流） 类加载器有哪…...

编程日记 2024/4/17 5:13:55

课堂行为动作识别数据集

一共8884张图片 xml .txt格式都有 Yolo可直接训练已跑通动作类别一共8类。全部为教室监控真实照片，没有网络爬虫滥竽充数的图片，可直接用来训练。以上图片均一一手工标注，标签格式为VOC格式。适用于YOLO算法、SSD算法等各种目标检测算法…...

编程日记 2024/4/17 5:10:52

【数据库】MVCC

MVCC是一种用来解决读写冲突的无锁并发控制，也就是为事务分配单项增长的时间戳，为每个修改保存一个版本，版本与事务时间戳关联，读操作只读该事务开始前的数据库的快照 MVCC，全称Multi-Version Concurrency Control&am…...

编程日记 2024/4/17 5:08:50

快速排序题目SelectK问题

力扣75.颜色分类给定一个包含红色、白色和蓝色、共 n 个元素的数组 nums ，原地对它们进行排序，使得相同颜色的元素相邻，并按照红色、白色、蓝色顺序排列。我们使用整数 0、 1 和 2 分别表示红色、白色和蓝色。必须在不使用库内置的 sor…...

编程日记 2024/4/17 5:07:49

es6解构赋值

ES6解构赋值是一种简洁的为变量赋值的方式，它允许我们从数组或对象中提取值并赋给对应的变量。解构赋值在ES6中被引入，主要目的是为了简化代码，提高代码的可读性。以下是解构赋值的基本用法： 数组解构：当我们需要从数…...

编程日记 2024/4/17 5:05:47

Jenkins上面使用pnpm打包

问题前端也想用Jenkins的CI/CD工作流。步骤 Jenkins安装NodeJS插件安装完成，记得重启Jenkins。全局配置nodejs Jenksinfile pipeline {agent anytools {nodejs "18.15.0"}stages {stage(Check tool version) {steps {sh node -vnpm -vnpm config…...

编程日记 2024/4/17 5:03:45

设计编程网站集：动物，昆虫，蚂蚁养殖笔记

入门指南区分白蚁与蚂蚁日常生活中，人们常常会把白蚁与蚂蚁搞混淆，其实这两者是有很大区别的，养殖方式差别也很大。白蚁主要食用木质纤维，会给家庭房屋带来较大危害，而蚂蚁主要采食甜食和蛋白质类食物，不…...

编程日记 2024/4/17 5:02:44

面经学习（众智宏图实习）

个人评价难度还是有的，中等难度吧，可能是因为项目使用的是物流项目，该项目本来就比较庞大难度比较高，流的八股文我真的是一点不会，还需要加强，reidis的多路io复用模型没有深问，要是问了就寄了&…...

编程日记 2024/4/17 5:00:42

DataGrip2024安装包（亲测可用）

目录一、软件简介二、软件下载一、软件简介 DataGrip是由JetBrains公司开发的一款强大的关系数据库集成开发环境（IDE），专为数据库开发人员和数据库管理员设计。它提供了一个统一的界面，用于管理和开发各种关系型数据库&#x…...

编程日记 2024/4/17 4:59:41

【InternLM 实战营第二期-笔记4】XTuner 微调个人小助手认知

书生浦语是上海人工智能实验室和商汤科技联合研发的一款大模型,很高兴能参与本次第二期训练营，我也将会通过笔记博客的方式记录学习的过程与遇到的问题，并为代码添加注释，希望可以帮助到你们。记得点赞哟(๑ゝω╹๑) XTuner 微调个人小助手…...

编程日记 2024/4/17 4:54:36

＜计算机网络自顶向下＞ CDN

视频服务挑战规模性异构性：不同用户有不同的能力（比如有线接入和移动用户；贷款丰富和受限用户）解决方法是：分布式的应用层面的基础设施CDN 多媒体：视频视频是固定速度显示的一系列图像的序列&#xff…...

编程日记 2024/4/17 4:53:34

【Git教程】（十二）工作流之项目设置 — 何时使用工作流，工作流的结构，项目设置概述、执行过程及其实现 ~

Git教程工作流之项目设置 1️⃣ 何时使用工作流2️⃣ 工作流的结构3️⃣ 概述4️⃣ 使用要求5️⃣ 执行过程及其实现5.1 基于项目目录创建一个新的版本库5.2 以文件访问的方式共享版本库5.3 用 Git daemon 来共享版本库5.4 用 HTTP 协议来共享版本库5.5 用 SSH 协议来共享版…...

编程日记 2024/4/17 4:48:27

Java 排序算法

冒泡排序冒泡排序（Bubble Sort）是一种简单的排序算法，它通过重复地遍历要排序的数列，比较相邻元素的大小并交换位置，使得较大的元素逐渐向数列的末尾移动。以下是Java实现的冒泡排序代码： public stat…...

编程日记 2024/4/17 4:46:24

【重磅更新】开源表单系统填鸭表单v5版发布！

亲爱的TDucker，你们好。真诚感谢您对填鸭表单的关注与支持。今天我们将为您带来新版本的更新说明，以便您更好的使用我们的产品。社区版版V5更新概览： ✅ 增加WebHook数据推送功能，集成TReport实现数据大屏展示。 ✅ 增加主题…...

编程日记 2024/4/17 4:44:23

保姆级教程 | Adobe Illustrator 中插入数学符号

背景鉴于Adobe Illustrator作为比较专业的绘图/组图软件，我的论文数据作图都会选择先在origin中把原始数据绘制好，后都放入AI中细修。由于在作图过程中需要插入数学符号，但仿佛没有PowerPoint用起来那么熟悉，遂记录下。步骤 …...

编程日记 2024/4/17 4:39:18

数据结构——双向循环链表

目录前言一、链表的分类二、双向循环链表 2.1 开辟新的节点 2.2 链表初始化 2.3 打印链表 2.4 链表的尾插 2.5 链表的头插 2.6 链表的尾删 2.7 链表的头删 2.8 查找链表 2.9 在pos位置之后插入数据 2.10 删除pos位置的数据三、完整代码实现四、顺序表和双向…...

编程日记 2024/4/17 4:38:16

使用ZLMediaKit搭建服务器实现推流拉流

源码：https://gitee.com/xia-chu/ZLMediaKit?utm_sourcealading&utm_campaignrepo 文档：https://docs.zlmediakit.com/zh/tutorial/ 检查gcc版本gcc -v检查cmake是否安装cmake --version安装gitsudo apt-get install git按照文档进行克隆 # 国内用…...

编程日记 2024/4/17 4:37:15

新宾区网站建设/互联网营销的优势

一：JAVA配置 1. netsharp使用java1.8/1.7版本,本文使用1.8版本 2.jdk下载地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 3.配置环境变量，本文使用linux,/etc/profile后添加： export…...

编程日记 2024/10/27 19:54:20

做网站的公司算外包公司吗/朋友圈广告推广代理

每日一言：当下的付出，是明日的花卉。 Android 存储路径 Log.d("内置SD卡路径：指定图片保存的路径",Environment.getExternalStorageDirectory().getAbsolutePath()); Log.d("默认的图片路径",Environment.getExternalSt…...

编程日记 2024/10/27 18:05:21

荆门市网站建设/滨州seo排名

参考文档：https://vuex.vuejs.org/zh/guide/ 如果当前没有项目代码，可以访问传送门搭建一个，以下Vuex相关功能都是在传送门搭建项目的基础上开发的。首先是Vuex的创建（新增文件路径为src\store\index.js）&#xff0…...

编程日记 2024/10/27 16:09:07

客户为什么要做网站/seo专业优化公司

先把SpringBoot中filter的使用示例写出来，然后再解释下代码、说一下运行的顺序，最后讲一下filter的原理（其实就是责任链设计模式，从马士兵老师那里偷来的。。。） 要想使用filter，需要写一个方法继承…...

编程日记 2024/10/27 7:33:12

建网站域名空间/百度广告搜索推广

Wamp3.0.6 64bit，系统任务栏图标，左键，Apache菜单，httpd.conf，报错“could not execute menu item.....系统找不到指定的文件” 根据网上的搜索结果，首先发现了Wampmanager.ini里的[Menu.left]菜单&#xf…...

编程日记 2024/10/27 7:00:47

医院网站开发多少钱/网络推广是什么职位

1. 问题描述： 给你一个字符串 s 和一个字符串数组 dictionary 作为字典，找出并返回字典中最长的字符串，该字符串可以通过删除 s 中的某些字符得到。如果答案不止一个，返回长度最长且字典序最小的字符串。如果答案不存在&#xff…...

编程日记 2024/10/27 6:59:46

相关文章：