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

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

news 文章来源：https://blog.csdn.net/2401_85124737/article/details/139730183 2025/2/7 6:35:46

所以应该先找到第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

    重磅！鹅厂大牛带你30分钟玩转AI智能结对编程！

    在大模型时代&#xff0c;人工智能技术的突破性进展正重塑着软件开发的面貌。AI的融入不仅优化了代码编写过程&#xff0c;更开启了智能编程的新纪元&#xff0c;为开发者带来了前所未有的工作效率和创新可能。AI结对编程不仅能够极大提升研发效率&#xff0c;还能通过智能分析…...

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

    研究Redis源码的一些前期准备

    一 背景 Redis数据结构讲完后&#xff0c;觉得还是有点不过瘾&#xff0c;想研究一下Redis的底层实现。找了一些相关资料&#xff0c;准备借鉴和学习其他各位大佬钻研Redis底层的方法和经验&#xff0c;掌握Redis实现的基本原理。 二 源码归类 网上有大佬已经总结了…...

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

    用PHP来调用API给自己定制一个“每日新闻”

    头条新闻汇聚了互联网上的时事动态&#xff0c;提供最新新闻动态、网络热门话题和视频更新等&#xff0c;覆盖社会、政治、体育、经济、娱乐、科技等多个领域&#xff0c;并不断刷新内容。企业应用这一接口后&#xff0c;可以快速吸引更多的用户访问自己的平台。即使是非新闻类…...

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

    AGI时代，程序员想学习大语言模型（LLM），应该从哪里开始？

    程序员25岁做什么能够改变35岁被淘汰的命运&#xff1f;对于程序员的新一轮革命&#xff0c;我觉得人工智能大模型方向是你可以认真审视的一个方向&#xff0c;你可以选择通过它创业&#xff0c;也可以选择进入这个领域&#xff0c;它是一个更加开放的领域&#xff0c;也让程序…...

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

    Vue在表单校验中trigger属性指定何时触发校验规则

    Vue在表单校验中trigger属性指定何时触发校验规则 一、前言1.示例代码 一、前言 在表单校验中&#xff0c;trigger 属性用于指定何时触发校验规则。常见的触发方式包括 "change" 和 "blur". 它们的区别如下&#xff1a; trigger: "change": 触发…...

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

    【多线程实例】

    使用场景 拿到了一个商品的list,然后要循环list去获取每个商品的明细&#xff0c;由于调用api很依赖于网络&#xff0c;一个个执行速度慢&#xff0c;所以考虑使用线程去解决。 //根据机器id 获取 所有商品信息 public List<ProductResponse> productList(MachineConf…...

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

    数据治理在数据提取中的角色：确保数据质量和安全

    在数字化浪潮中&#xff0c;数据已成为企业运营和决策的核心驱动力。然而&#xff0c;随着数据量的快速增长和来源的多样化&#xff0c;如何确保所提取数据的质量和安全性成为企业面临的重大挑战。数据治理&#xff0c;作为一种系统的管理方法&#xff0c;在数据提取过程中扮演…...

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

    Nuxt快速学习开发 - Nuxt3静态资源Assets

    Nuxt 使用两个目录来处理样式表、字体或图像等资产。 public/目录内容按原样在服务器根目录中提供。 assets/目录包含您希望构建工具&#xff08;Vite 或 webpack&#xff09;处理的所有资产。 public/目录 public目录用作静态资产的公共服务器&#xff0c;可在您的应用程序定…...

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

    为什么企业需要数据挖掘平台？哪个比较好呢？

    什么是数据挖掘&#xff1f; 数据挖掘就是从大量的数据中去发现有用的信息&#xff0c;然后根据这些信息来辅助决策。听起来是不是跟传统的数据分析很像呢&#xff1f;实际上&#xff0c;数据挖掘就是智能化的数据分析&#xff0c;它们的目标都是一样的。但是&#xff0c…...

    编程日记 2024/6/20 16:12:30

    leetCode-hot100-链表专题

    leetCode-hot100-链表专题 链表简介单链表单链表的使用例题206.反转链表19.删除链表的倒数第N个结点24.两两交换链表中的节点25.K个一组翻转链表 双向链表双向链表的使用 循环链表61.旋转链表141.环形链表142.环形链表Ⅱ LinkedListLinkedList的使用 链表简介 参考博客&#x…...

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

    wordpress缓存接口数据/直接打开百度

    stitutestand constitute con 一起&#xff0c;共同&#xff0c;全部 stitutestand 站在一起 v. 组成&#xff0c;构成&#xff1b;成立&#xff0c;设立 A constitute B B is made up of A B is composed of A 注意这三组短语的异同 另外&#xff0c;它的两…...

    编程日记 2025/2/7 6:18:43

    哪些网站免费注册企业域名/百度搜索广告投放

    Oracle存储过程使用动态SQL 有两种写法&#xff1a;用 DBMS_SQL 或 execute immediate&#xff0c;建议使用后者。 DDL和DML &#xff08;注意DDL中可以用拼接字符串的方法用来create table或drop table&#xff0c;在DML中&#xff0c;类似于insert则不可以直接用execute imme…...

    编程日记 2025/2/7 2:10:33

    金融产品做网站推广/网络服务器图片

    当我在VMware 上安装了一个linux虚拟机&#xff0c;同时在虚拟机上安装了一系列软件&#xff08;包括数据库&#xff09; 我们会修改hostname &#xff0c;修改后 对于数据库&#xff1a;我们要把/u01/app/oracle/product/11.2.01/db1/network/admin/下的 listener.ora 和 tns…...

    编程日记 2025/2/6 20:41:46

    移动网站建设的前景/seo推广宣传

    可以使用cacti、nagios等监控程序监控nginx服务器&#xff0c;不过有时候不用那么复杂&#xff0c;用nginx-rrd就能完成连接、请求的监控功能。 首先编译安装nginx&#xff0c;注意加载stub_status模块&#xff0c;Nginx中的stub_status模块主要用于查看Nginx的一些状态信息. 本…...

    编程日记 2025/2/6 20:36:44

    企业网站管理系统asp/新闻10 30字

    题目&#xff1a;原题链接&#xff08;中等&#xff09; 标签&#xff1a;脑筋急转弯、数学 解法时间复杂度空间复杂度执行用时Ans 1 (Python)O(1)O(1)O(1)O(1)O(1)O(1)44ms (31.41%)Ans 2 (Python)Ans 3 (Python) 解法一&#xff1a; class Solution:def bulbSwitch(self, …...

    编程日记 2025/2/6 19:01:40

    做网站虚拟主机哪家好/百度广告一天多少钱

    我们在使用 vue element 写后台管理模板时&#xff0c;肯定逃不过左侧菜单也称侧边栏。举例&#xff1a;我们现在有一个 A 模块&#xff0c;A 模块中有详情页面和编辑页面【一共三个页面】&#xff0c;我们通常怎么考虑&#xff1f;将三个页面写在一个 vue 里&#xff0c;通过…...

    编程日记 2025/2/6 17:31:38