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

HTML5+CSS3+Vue小实例：浪漫的心形文字动画特效

news 2026/2/10 0:51:52

实例：浪漫的心形文字动画特效

技术栈：HTML+CSS+Vue

效果：

源码：

【HTML】

<!DOCTYPE html>
<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>浪漫的心形文字动画特效</title><link rel="stylesheet" href="187.css"><!-- 为了减少代码量，这个案例用到vue的语法 --><script src="/js/vue.min.js"></script>
</head><body><div class="container"><div class="love" v-for="item in 67" :style="{'--d':(i

HTML5+CSS3+Vue小实例：浪漫的心形文字动画特效

实例：浪漫的心形文字动画特效技术栈：HTML+CSS+Vue 效果：源码：【HTML】 <!DOCTYPE html> <html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta name="viewport" conte…...

编程日记 2023/12/3 17:56:52

数据结构-基数排序

基数排序基本思想基数排序其实就是依靠多位关键字进行排序，现在我们有一个数据为101，那么“101”就是一个三位关键字，分别为：“百位->1”、“十位->0”、“个位->1”。此时我们就可以按照三位关键字进行排序&…...

编程日记 2023/12/3 17:54:50

基于ASP.NET MVC技术的图书管理系统的设计与实现

基于ASP.NET MVC技术的图书管理系统的设计与实现摘要：图书管理系统是一套高新科学技术和图书知识信息以及传统历史文化完美结合的体现。它改变了传统图书收藏的静态书本式图书服务特征，实现了多媒体存取、远程网络传输、智能化检索、跨库无缝链接、创造…...

编程日记 2023/12/3 17:49:46

C++17中的结构化绑定

C17中的结构化绑定(structured binding):将指定名称绑定到初始化程序的子对象或元素。简而言之，它们使我们能够从元组或结构中声明多个变量。与引用一样，结构化绑定是现有对象的别名；与引用不同，结构化绑定不必是引用类型(referen…...

编程日记 2023/12/3 17:48:45

Mover Creator 用户界面

1 “开始”对话框首次打开 Mover Creator 时，出现的第一个页面是“开始”对话框，如下所示。从这里开始，用户可以选择开始设计飞机、武器或发动机。在上述每种情况下，用户都可以创建新模型或编辑现有模型。 1.1 新建模型如果用…...

编程日记 2023/12/3 17:47:44

『Nginx安全访问控制』利用Nginx实现账号密码认证登录的最佳实践

📣读完这篇文章里你能收获到如何创建用户账号和密码文件，并生成加密密码配置Nginx的认证模块，实现基于账号密码的登录验证文章目录一、创建账号密码文件1. 安装htpasswd工具1.1 CentOS1.2 Ubuntu 二、配置Nginx三、重启Nginx 在Web应用程…...

编程日记 2023/12/3 17:45:43

（1）mongoexport命令例如： mongoexport --db testdb --collection person --out person.json mongoexport --db testdb --collection person --fields name,age --out person.json mongoexport --db testdb --collection person --query {&qu…...

编程日记 2023/12/3 17:44:42

软件工程期末复习（1）

学习资料软件工程知识点总结_嘤桃子的博客-CSDN博客软件工程学习笔记_软件工程导论第六版张海藩pdf-CSDN博客【软件工程】软件工程期末试卷习题课讲解！！_哔哩哔哩_bilibili 【拯救者】软件工程速成(期末考研复试软考)均适用. 支持4K_哔哩哔哩_bil…...

编程日记 2023/12/3 17:43:41

nextjs入门

创建项目 npx create-next-app 项目名体验文件路由 nextjs提供了文件路由的功能, 根据文件系统的目录结构, 可以识别为对应的页面路由创建页面首先, 在src下创建pages目录, 然后创建一个about文件(对应about页面)和main/index.js文件(对应首页) pages/main/index con…...

编程日记 2023/12/3 17:36:34

【C语言】字符串函数strlen #strcpy #strcmp #strcat #strstr及其模拟实现

在C语言中，有一种特殊的数据类型，即字符串类型。C 并没有专门定义一个字符串类型，这对我们使用字符串造成了一定的麻烦。但是，C标准库<string.h> 中定义了各种字符串函数，这对于我们来说是一件值得庆幸的事情。…...

编程日记 2023/12/3 17:35:33

递归实现组合型枚举

递归实现组合型枚举 #include<iostream> #include<vector>int n, m; std::vector<int>res; bool st[30];void Print() {for(int i0;i<res.size();i){printf("%d ",res[i]);}puts(""); }void dfs(int num) {if (res.size() m){Print(…...

编程日记 2023/12/3 17:34:32

SCAU:1065 数组中的指针

1065 数组中的指针时间限制:1000MS 代码长度限制:10KB 提交次数:3436 通过次数:1692 题型: 编程题语言: G;GCC Description 设有如下数组定义： int a[3][4]{{1,3,5,7},{9,11,13,15},{17,19,21,23}}; 计算下面各项的值（设数组a的首地址为2000&…...

编程日记 2023/12/3 17:33:31

找不到msvcp110.dll如何修复？分享5个亲测有效的修复方法

在计算机使用过程中，我们经常会遇到一些错误提示，其中之一就是“msvcp110.dll丢失”。这个错误通常发生在运行某些程序时，系统无法找到所需的动态链接库文件。那么，msvcp110.dll到底是什么呢？它又有什么作用&#xff1…...

编程日记 2023/12/3 17:30:29

LeetCode刷题笔记第80题：删除有序数组中的重复项 II

LeetCode刷题笔记第80题：删除有序数组中的重复项 II 题目： 删除升序数组中超过两次的元素后的数组长度想法： 使用快慢指针的方法完成，使用快指针遍历整个数组，使用慢指针完成相同元素最多保留两个。在快指针遍历到…...

编程日记 2023/12/3 17:29:28

【开源存储】minio对象存储部署实践

文章目录一、前言1、介绍说明2、部署方式3、冗余模式4、约束限制4.1、规格参数4.2、API支持a、minio不支持的Amazon S3 Bucket APIb、minio不支持的Amazon S3 Object API 二、部署说明1、软件安装2、minio单机部署3、minio分布式部署3.1、前置条件3.2、开始运行3.3、操作说明 …...

编程日记 2023/12/3 17:28:27

Java编程强化练习（二）

表达式计算（支持空格，连乘，连除）（选做题，不计分） 【问题描述】从标准输入中读入一个整数算术运算表达式，如5 - 1 * 2 * 3 12 / 2 / 2 。计算表达式结果，并输出。 …...

编程日记 2023/12/3 17:27:26

Redis的高可用模式

1. 什么是高可用？ 高可用（High Availability, HA）是指在信息技术中确保系统、服务或应用程序在绝大多数时间内都是可操作和可访问的能力。这通常涉及以下几个关键方面： 最小化停机时间: 高可用系统的目标是减少因硬件故障、系统升…...

编程日记 2023/12/3 17:26:26

非功能关键知识总结（一）

文章目录一、稳定性(一)、服务级别协议1、SLA2、OLA3、UC (二)、可用性指标(三)、突发事件等级三、质量(一)、千行代码缺陷数量(二)、软件质量模型的发展(三)、产品质量模型四、安全(一)、网络安全五、灾备(一)、灾备指标(二)、灾难恢复等级(三)、容灾技术分类一、稳定性 …...

编程日记 2023/12/3 17:23:23

时间序列趋势检验相关检验方法：斜率法、Cox-Stuart检验、Mann-Kendall检验

文章目录 1.斜率法1.1.原理1.2.优缺点1.3.Python代码2.Cox-Stuart检验2.1.原理2.2.优缺点2.3.Python代码3.Mann-Kendall 检验3.1.原理3.1.1.假设前提3.1.2.趋势检验3.1.3.S到Z的变换原理3.1.4.Var(s)是如何得到的3.1.5.衡量趋势的指标：倾斜度...

编程日记 2023/12/3 17:22:22

Redis相关知识

yum安装redis 使用以下命令：直接将redis安装到Linux服务器（Xshell）中 yum -y install redis 启动redis 使用以下命令，以后台运行方式启动redis redis-server /etc/redis.conf & 操作redis 使用以下命令启动redis客户端 redis-…...

编程日记 2023/12/3 17:20:21

在软件开发中正确使用MySQL日期时间类型的深度解析

在日常软件开发场景中，时间信息的存储是底层且核心的需求。从金融交易的精确记账时间、用户操作的行为日志，到供应链系统的物流节点时间戳，时间数据的准确性直接决定业务逻辑的可靠性。MySQL作为主流关系型数据库，其日期时间类型的…...

编程新知 2025/10/16 13:22:06

python打卡day49

知识点回顾： 通道注意力模块复习空间注意力模块CBAM的定义作业：尝试对今天的模型检查参数数目，并用tensorboard查看训练过程 import torch import torch.nn as nn# 定义通道注意力 class ChannelAttention(nn.Module):def __init__(self,…...

编程新知 2026/2/7 5:37:17

AI Agent与Agentic AI：原理、应用、挑战与未来展望

文章目录一、引言二、AI Agent与Agentic AI的兴起2.1 技术契机与生态成熟2.2 Agent的定义与特征2.3 Agent的发展历程三、AI Agent的核心技术栈解密3.1 感知模块代码示例：使用Python和OpenCV进行图像识别 3.2 认知与决策模块代码示例：使用OpenAI GPT-3进…...

编程新知 2026/1/23 7:04:53