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

前端入门篇（五十二）练习6：transition过渡小动画

news 2026/2/10 1:57:41

所以应该先找到第n个li，找到li再找img，li没有找错，底下又各自只有一个img，解决

ul li:nth-child(1) img {

}

描述文字从下往上：

一开始描述也在框框下面，当hover时，translateY(0)，并且有过渡时间

完整代码：

    • 描述描述描述描述描述描述描述
    • 描述描述描述描述描述描述描述
    • 描述描述描述描述描述描述描述
    • 描述描述描述描述描述描述描述

    相关文章：

    前端入门篇（五十二）练习6：transition过渡小动画

    所以应该先找到第n个li，找到li再找img，li没有找错，底下又各自只有一个img，解决 ul li:nth-child(1) img { } 描述文字从下往上： 一开始描述也在框框下面，当hover时，translateY(0)&#xff0…...

    编程日记 2024/6/20 16:58:42

    scrapy模块的基础使用

    scrapy模块是爬虫工作者最常用的一个模块之一，因它有许多好用的模板，和丰富的中间件，深受欢迎。 一，scrapy的安装 可以通过pypi的指引进行安装 在终端内输入以下代码： pip install scrapy 二，项目的建…...

    编程日记 2024/6/20 16:56:39

    如何在不降低网络安全防护的前提下，优化pcdn的流量清洗效率？

    在不降低网络安全防护的前提下，优化PCDN的流量清洗效率是一个复杂但至关重要的任务。以下是一些建议，帮助您实现这一目标： 一．升级硬件与网络设备： 投资于高性能的硬件和网络设备，以确保流量清洗过程中的…...

    编程日记 2024/6/20 16:54:35

    linux发行版CentOS、Debian和Ubuntu的对比

    一、CentOS、Debian和Ubuntu优缺点比较 CentOS、Debian和Ubuntu是目前国内云服务市场上最常见三个linux发行版本，在我们选购云服务时，要怎么选择？以下表格详细介绍了三者之间的优缺点和适用场景。 特性CentOSDebianUbuntu优点稳定性高&…...

    编程日记 2024/6/20 16:53:32

    WordPress如何删除内存中的缓存？

    今天boke112百科将某篇文章修改分类和内容更新后，发现文章底部的相关文章显示的内容跟文章分类、标签毫无关系，还是显示原来的旧内容。后来查看YIA主题相关文章的代码，才发现相关文章的数据保存到内存中的，而且是永不过期&#xf…...

    编程日记 2024/6/20 16:51:29

    【XML模版文件参数初始化】

    XML 模版文件&#xff0c;内部存在需要自定义的数据&#xff0c;使用 Python 进行初始化。 1、存在一个 XML 模版文件&#xff0c;定义如下 <!-- 文件名称 index.xml --> <root><HEAD><VER>1.0</VER><SRC>10000000000000</SRC><…...

    编程日记 2024/6/20 16:49:26

    Golang | Leetcode Golang题解之第160题相交链表

    题目&#xff1a; 题解&#xff1a; func getIntersectionNode(headA, headB *ListNode) *ListNode {if headA nil || headB nil {return nil}pa, pb : headA, headBfor pa ! pb {if pa nil {pa headB} else {pa pa.Next}if pb nil {pb headA} else {pb pb.Next}}retu…...

    编程日记 2024/6/20 16:48:25

    基于FOC控制器的BLDC无刷直流电机控制系统matlab编程与仿真

    目录 1.课题概述 2.系统仿真结果 3.核心程序与模型 4.系统原理简介 5.完整工程文件 1.课题概述 基于FOC控制器的BLDC无刷直流电机控制系统matlab编程与仿真&#xff0c;使用MATLAB编程实现&#xff0c;包括FOC控制器&#xff0c;clark&#xff0c;park等&#xff0c;不使用…...

    编程日记 2024/6/20 16:46:21

    ffmpeg转换视频格式

    ffmpeg -i "录屏 2024-06-16 01-56-40.webm" -vf "scale1912:1070" -vcodec libx264 pit.mp4如果你觉得视频压缩速度太慢&#xff0c;可以尝试以下几种方法来加速视频处理&#xff1a; 1. 使用多线程 FFmpeg 支持多线程&#xff0c;可以利用多个 CPU 核心…...

    编程日记 2024/6/20 16:44:18

    设计程序，利用栈实现数值转换

    二、利用栈实现数值转换&#xff0c;先定义一个栈的顺序存储结构&#xff0c;那么我们需要定义一个结构体&#xff0c;结构体里面有个int类型的数组&#xff0c;还有一个top用来存储栈顶元素的下标。栈是一种基本的数据结构&#xff0c;它遵循先进后出的原则。这意味着最后添加…...

    编程日记 2024/6/20 16:43:17

    QSharedMemory使用详解

    QSharedMemory 是 Qt 提供的一个类&#xff0c;用于在多个进程之间共享内存。它可以让您在不同的进程间传递数据&#xff0c;而无需通过文件或网络来进行传输。下面是 QSharedMemory 的详细用法和相关知识点。 一、基本概念 共享内存&#xff1a;共享内存是一块可以被多个进程…...

    编程日记 2024/6/20 16:42:16

    中电金信：保险业多项举措共绘数字化转型新篇章

    ...

    编程日记 2024/6/20 16:41:14

    Gartner发布2024年人工智能技术成熟度曲线：29项决定人工智能领域发展方向的前沿和趋势性技术

    人工智能投资已达到新高&#xff0c;重点是生成式人工智能&#xff0c;但在大多数情况下&#xff0c;该技术尚未实现预期的商业价值。这项研究通过分析各种人工智能创新&#xff08;其中许多创新正在快速发展&#xff09;&#xff0c;帮助人工智能领导者确定其他值得投资的技术…...

    编程日记 2024/6/20 16:39:11

    顺势而为：雷军、小米与创业成功的深层思考

    一、引言 在当今快速发展的商业环境中&#xff0c;成功的企业家如马云和雷军&#xff0c;都以其独特的商业智慧和不懈的勤奋精神赢得了业界的尊重。然而&#xff0c;当我们深入探讨他们的成功之道时&#xff0c;会发现一个更为核心的因素——“顺势而为”。本文将基于雷军对不…...

    编程日记 2024/6/20 16:38:09

    Java+ffmpeg 合并两个mp4文件

    使用ffmpeg测试命令 ffmpeg -i "E:\Monitor\video_20240617_10.mp4" -i "E:\Monitor\video1_20240617_10.mp4" -filter_complex "[0:v][0:a][1:v][1:a]concatn2:v1:a1[v][a]" -map "[v]" -map "[a]" -c:v libx264 -c:a…...

    编程日记 2024/6/20 16:36:05

    汽车IVI中控开发入门及进阶（三十一）：视频知识扫盲

    有效的视频资源管理需要集成许多不同的底层技术，共同为用户提供给定应用程序的最佳体验。其中许多技术是从早期电视广播中使用的技术演变而来的。其他方法，如用于通过网络流式传输视频的压缩方法，相对较新且不断发展。 以下详细概述了与图形和视频处理和传输相关的一些基本…...

    编程日记 2024/6/20 16:35:03

    【后端】Java学习笔记（二周目-1）

    环境 安装JDK8并配置环境变量 jvm核心类库jre jre开发工具jdk Java基础运行流程&#xff0c;代码从上到下&#xff0c;从左往右&#xff0c;只运行一次 桌面—>新建文件夹—>新建记事本—>打开编写代码 public class Hello{public static void main(String[] arg…...

    编程日记 2024/6/20 16:34:01

    PDF文档翻译软件哪个好？分享5款快速翻译的工具

    世界各地的交流日益密切&#xff0c;文档翻译服务因此变得不可或缺。 无论是企业间的跨国商务合同&#xff0c;还是学术领域的专业研究论文&#xff0c;准确无误地将文档内容翻译成目标语言&#xff0c;对于保障信息的清晰传达和正确理解极为关键。 在这样的背景下&#xff0…...

    编程日记 2024/6/20 16:32:59

    哪些因素驱动新零售发展？新零售与传统零售、电子商务区别在哪？

    零售业正经历着一场前所未有的变革&#xff0c;这场变革由多种因素驱动&#xff0c;涉及技术、消费习惯以及商业模式的全面升级。我们称之为”新零售”&#xff0c;它不仅仅是一个概念&#xff0c;更是零售业未来发展的方向。新零售的兴起&#xff0c;标志着零售行业正在迈向一…...

    编程日记 2024/6/20 16:31:58

    使用代理IP常见问题及解答

    代理IP在互联网数据收集和业务开展中发挥着重要作用&#xff0c;它充当用户客户端和网站服务器之间的“屏障”&#xff0c;可以保护用户的真实IP地址&#xff0c;并允许用户通过不同的IP地址进行操作。然而&#xff0c;在使用代理IP的过程中&#xff0c;用户经常会遇到一些问题…...

    编程日记 2024/6/20 16:27:53

    XML Group端口详解

    在XML数据映射过程中&#xff0c;经常需要对数据进行分组聚合操作。例如&#xff0c;当处理包含多个物料明细的XML文件时&#xff0c;可能需要将相同物料号的明细归为一组&#xff0c;或对相同物料号的数量进行求和计算。传统实现方式通常需要编写脚本代码&#xff0c;增加了开…...

    编程新知 2026/2/9 13:51:46

    深度学习在微纳光子学中的应用

    深度学习在微纳光子学中的主要应用方向 深度学习与微纳光子学的结合主要集中在以下几个方向&#xff1a; 逆向设计 通过神经网络快速预测微纳结构的光学响应&#xff0c;替代传统耗时的数值模拟方法。例如设计超表面、光子晶体等结构。 特征提取与优化 从复杂的光学数据中自…...

    编程新知 2026/2/8 15:03:04

    PHP和Node.js哪个更爽?

    先说结论&#xff0c;rust完胜。 php&#xff1a;laravel&#xff0c;swoole&#xff0c;webman&#xff0c;最开始在苏宁的时候写了几年php&#xff0c;当时觉得php真的是世界上最好的语言&#xff0c;因为当初活在舒适圈里&#xff0c;不愿意跳出来&#xff0c;就好比当初活在…...

    编程新知 2025/9/14 7:59:52

    c++ 面试题(1)-----深度优先搜索（DFS）实现

    操作系统&#xff1a;ubuntu22.04 IDE:Visual Studio Code 编程语言&#xff1a;C11 题目描述 地上有一个 m 行 n 列的方格&#xff0c;从坐标 [0,0] 起始。一个机器人可以从某一格移动到上下左右四个格子&#xff0c;但不能进入行坐标和列坐标的数位之和大于 k 的格子。 例…...

    编程新知 2026/1/10 10:16:16

    转转集团旗下首家二手多品类循环仓店“超级转转”开业

    6月9日&#xff0c;国内领先的循环经济企业转转集团旗下首家二手多品类循环仓店“超级转转”正式开业。 转转集团创始人兼CEO黄炜、转转循环时尚发起人朱珠、转转集团COO兼红布林CEO胡伟琨、王府井集团副总裁祝捷等出席了开业剪彩仪式。 据「TMT星球」了解&#xff0c;“超级…...

    编程新知 2026/2/8 4:08:40

    Mac软件卸载指南，简单易懂！

    刚和Adobe分手&#xff0c;它却总在Library里给你写"回忆录"&#xff1f;卸载的Final Cut Pro像电子幽灵般阴魂不散&#xff1f;总是会有残留文件&#xff0c;别慌&#xff01;这份Mac软件卸载指南&#xff0c;将用最硬核的方式教你"数字分手术"&#xff0…...

    编程新知 2026/2/7 0:48:56

    【单片机期末】单片机系统设计

    主要内容&#xff1a;系统状态机&#xff0c;系统时基&#xff0c;系统需求分析&#xff0c;系统构建&#xff0c;系统状态流图 一、题目要求 二、绘制系统状态流图 题目&#xff1a;根据上述描述绘制系统状态流图&#xff0c;注明状态转移条件及方向。 三、利用定时器产生时…...

    编程新知 2026/1/31 12:27:36

    Axios请求超时重发机制

    Axios 超时重新请求实现方案 在 Axios 中实现超时重新请求可以通过以下几种方式&#xff1a; 1. 使用拦截器实现自动重试 import axios from axios;// 创建axios实例 const instance axios.create();// 设置超时时间 instance.defaults.timeout 5000;// 最大重试次数 cons…...

    编程新知 2025/10/13 2:26:14

    c#开发AI模型对话

    AI模型 前面已经介绍了一般AI模型本地部署&#xff0c;直接调用现成的模型数据。这里主要讲述讲接口集成到我们自己的程序中使用方式。 微软提供了ML.NET来开发和使用AI模型&#xff0c;但是目前国内可能使用不多&#xff0c;至少实践例子很少看见。开发训练模型就不介绍了&am…...

    编程新知 2026/2/1 8:59:45

    Unity | AmplifyShaderEditor插件基础（第七集：平面波动shader）

    目录 一、&#x1f44b;&#x1f3fb;前言 二、&#x1f608;sinx波动的基本原理 三、&#x1f608;波动起来 1.sinx节点介绍 2.vertexPosition 3.集成Vector3 a.节点Append b.连起来 4.波动起来 a.波动的原理 b.时间节点 c.sinx的处理 四、&#x1f30a;波动优化…...

    编程新知 2026/2/6 22:55:12