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

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

news 文章来源：https://blog.csdn.net/2401_85124737/article/details/139730183 2024/10/24 4:29:42

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

    怎样在国外网站购买新鲜橙花做纯露/樱桃电视剧西瓜视频在线观看

    MVC&WebForm对照学习&#xff1a;ajax异步请求 写在前面&#xff1a;由于工作需要&#xff0c;本人刚接触asp.net mvc&#xff0c;虽然webform的项目干过几个。但是也不是很精通。抛开asp.net webform和asp.net mvc的各自优劣和诸多差异先不说。我认为虽然mvc和webform有诸…...

    编程日记 2024/10/24 4:00:34

    东莞企业网站定制设计/简单的网页设计源代码

    csrf防护手段 登陆csrf建议使用严格的referer验证策略来防御登陆csrf&#xff0c;登陆表单一般都是通过https发送&#xff0c;在合法请求里面的referer都是真实可靠的。如果没有referer字段登陆请求&#xff0c;网站应该直接拒绝以防御这种恶意的修改。 对于使用https协议的网…...

    编程日记 2024/10/24 2:47:20

    龙岗政府在线区住房建设局子网站/学生班级优化大师

    题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 2020年低压电工多少钱及低压电工模拟考试题&#xff0c;包含低压电工多少钱答案和解析及低压电工模拟考试题练习。由安全生产模拟考试一点通公众号结合国家低压电工考试最新大纲及低压电工考试真题汇总&#xff0c;有…...

    编程日记 2024/10/24 0:48:34

    seo网站推广公司/网页设计规范

    什么是阿里云OSS&#xff1f;简单地理解&#xff0c;阿里云OSS(以下简称OSS)就是一个储存空间比较大的硬盘。一般储存空间在40GB-400TB范围内根据自己的需要去购买&#xff0c;而且便宜&#xff01; 在阿里云官网可以购买。我自己做学习&#xff0c;测试&#xff0c;就买了个40…...

    编程日记 2024/10/24 0:44:31

    wordpress微信图文采集/2023b站推广大全

    字母转换题目描述输入输出案例具体实现—— C语言—— C—— C 补充方法—— Python题目描述 输入一个小写字母&#xff0c;输出其对应的大写字母 输入输出案例 输入 q —— 输出Q 具体实现 —— C语言 #include <stdio.h>int main(void){char c; // 定义字符 c s…...

    编程日记 2024/10/24 0:02:02

    嘉兴做微网站多少钱/seo推广的常见目的有

    大家好&#xff0c;我是飞哥&#xff01;正如我在朋友圈里所说的&#xff0c;最近我又对网络虚拟化技术产生了浓厚的兴趣。迫切想搞明白在 Docker 等虚拟技术下&#xff0c;网络底层是如何运行的。不得不说&#xff0c;网络虚拟化技术是我给自己抛的又一个大坑。虽然我自认为把…...

    编程日记 2024/10/23 23:42:53