css 做幻灯片效果

 设置一个div 盒子

  <div class="ani"></div>

　　

设置css 样式

 

    .ani{width:480px;height:320px;margin:50px auto;overflow: hidden;box-shadow: 0 0 5px rgba(0,0,0,1);background-size:cover;background-position: center;-webkit-animation-name:"loops";-webkit-animation-duration:20s;-webkit-animation-iteration-count:infinite;}@-webkit-keyframes "loops"{0%{background: url(img/advert_1.jpg) no-repeat;}25%{background: url(img/advert_2.jpg) no-repeat;}50%{background: url(img/advert_3.jpg) no-repeat;}75%{background: url(img/advert_4.jpg) no-repeat;}100%{background: url(img/advert_5.jpg) no-repeat;}}

 

转载于:https://www.cnblogs.com/ysshuai/p/6684768.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/468901.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

报错FloatingPointError: Loss became infinite or NaN at iteration=88!

报错FloatingPointError: Loss became infinite or NaN at iteration=88!

项目场景&#xff1a; Traceback (most recent call last): File "/home/yuan/桌面/shenchunhua/CondInst-master/train_net.py", line 255, in <module> args(args,), File "/home/yuan/anaconda3/envs/AdelaiNet/lib/python3.7/site-packages/d…
阅读更多...
Android系统init进程启动及init.rc全解析

Android系统init进程启动及init.rc全解析

这是一篇用心写的博客&#xff0c;也希望大家用心看并帮忙找到文章的改进之处&#xff0c;谢谢&#xff1b; 服务启动机制 system/core/init/init.c文件main函数中parse_config_file(init.rc)读取并解析init.rc文件内容。将service信息放置到system/core/init/init_parser.cpp…
阅读更多...
python variable_PyTorch中的Variable变量详解

python variable_PyTorch中的Variable变量详解

一、了解Variable顾名思义&#xff0c;Variable就是 变量 的意思。实质上也就是可以变化的量&#xff0c;区别于int变量&#xff0c;它是一种可以变化的变量&#xff0c;这正好就符合了反向传播&#xff0c;参数更新的属性。具体来说&#xff0c;在pytorch中的Variable就是一个…
阅读更多...
JavaScript高级程序设计---学习笔记（四）

JavaScript高级程序设计---学习笔记（四）

1.全局变量不能通过delete操作符删除&#xff0c;而直接在window对象上定义的属性可以。 var age 29;window.color "red";delete age;//无法删除delete color;//可以删除alert(window.age);//29alert(window.color);//undefined 2.尝试访问未声明的变量会抛出错误&…
阅读更多...
git commit查找提交的关键字

git commit查找提交的关键字

使用命令 git log --grepaplog 参考&#xff1a; https://stackoverflow.com/questions/1337320/how-to-grep-git-commit-diffs-or-contents-for-a-certain-word
阅读更多...
PyTorch 报错：TypeError: exceptions must derive from BaseException

PyTorch 报错：TypeError: exceptions must derive from BaseException

项目场景&#xff1a; PyTorch 报错&#xff1a;TypeError: exceptions must derive from BaseException 其实是个低级错误&#xff0c;我个人认为是因为没有找到要运行的载体。 问题描述 在 base_options.py 里面设置 --netG 的参数只能在这几个里面选择&#xff1a; self…
阅读更多...
python复制sheet_python excel sheet复制

python复制sheet_python excel sheet复制

from xlwt import *对excel增加行def writeRow(tableObj,rowNum,tmpList,xlsStyleDict{}):for num,o in enumerate(tmpList):if num in xlsStyleDict:style xlsStyleDict.get(num)tableObj.write(rowNum,num,o,style)else:tableObj.write(rowNum,num,o)param fileName:文件名p…
阅读更多...
新手入坑 java的开发语言环境

新手入坑 java的开发语言环境

开发java程序的环境 1.下载jdk&#xff0c;从官网下载或从可靠渠道下载 2.安装jdk&#xff0c;jdk包括jre&#xff0c;把jdk和jre安装到相同的父级文件目录中 3.配置系统环境变量path&#xff0c;把jdk中的bin目录添加到path变量中&#xff0c;应该与其他路径以分号相分隔 4.编…
阅读更多...
【WARNING: Retrying (Retry(total=4, connect=None, read=None, redirect=None, st】

【WARNING: Retrying (Retry(total=4, connect=None, read=None, redirect=None, st】

项目场景&#xff1a; 【WARNING: Retrying (Retry(total4, connectNone, readNone, redirectNone, st】 解决方案&#xff1a; 在命令执行窗输入&#xff1a; pip install nXXXXXXX -i http://pypi.douban.com/simple --trusted-host pypi.douban.com# (其中的nXXXXXXX 是你…
阅读更多...
C语言测试n的阶乘和x的n次方

C语言测试n的阶乘和x的n次方

题目描述 输入一个正数x和一个正整数n&#xff0c;求下列算式的值。要求定义两个调用函数&#xff1a;fact(n)计算n的阶乘&#xff1b;mypow(x,n)计算x的n次幂&#xff08;即xn&#xff09;&#xff0c;两个函数的返回值类型是double。 输出保留4位小数。 输入 x n 输出 数列…
阅读更多...
自己动手写java虚拟机_自己动手写操作系统（要了解的知识点）

自己动手写java虚拟机_自己动手写操作系统（要了解的知识点）

自己动手写操作系统(开篇)自己动手写操作系统(字符显示)说明&#xff1a;Intel 8086 或者不同的处理器&#xff0c;开机寄存器数据可能不一样&#xff0c;但是大致原理差不多了解过计算机启动的同学肯定知道&#xff0c;当计算机启动的时候 BIOS 会加载 MBR 数据 512 字节到 0x…
阅读更多...
【PyAutoGUI操作指南】03 键盘控制功能+实现热键组合+ KEYBOARD_KEYS

【PyAutoGUI操作指南】03 键盘控制功能+实现热键组合+ KEYBOARD_KEYS

4.1 write&#xff08;&#xff09;函数 import pyautogui # 使用write&#xff08;&#xff09;只能按单字符键&#xff0c;因此不能按Shift 或 F1键# 立即输入字符 pyautogui.write(Hello world!) # 依次输入字符&#xff0c;每个字符之间间隔0.25秒 pyautogui.write(Hello …
阅读更多...
git入门基础

git入门基础

git基础 参考&#xff1a;官网git基础 git 文件的生命周期 文件的生命周期图&#xff1a; git中的文件可以分为4个阶段. Untracked &#xff1a; 这是目录中没有被跟踪的文件&#xff0c;即不在git项目中&#xff0c;使用 git commit 等命令对文件进行提交时不会提交这样的文件…
阅读更多...
Android 充电LED控制

Android 充电LED控制

1、前言 充电LED灯控制是Android设备的基本功能&#xff0c;主要用于提示设备的电池状态&#xff0c;充电状态&#xff0c;满电状态&#xff0c;低电状态&#xff0c;很多手机厂商还使用呼吸效果来显示&#xff0c;普通的低端设备会使用两个LED灯表示&#xff0c;红灯表示充电…
阅读更多...
【PyAutoGUI操作指南】04 消息框功能+Question+Waring+Critical+自定义消息框

【PyAutoGUI操作指南】04 消息框功能+Question+Waring+Critical+自定义消息框

PyAutoGUI利用PyMsgBox中的消息框函数提供跨平台的纯Python方式来显示JavaScript样式的消息框。 5.1 alert&#xff08;&#xff09; import pyautoguipyautogui.alert(text这里写内容, title通知框标题位置, buttonOK)5.2 confirm() import pyautoguipyautogui.alert(text这…
阅读更多...
js 弹出层的点击事件影响到底层的点击事件_聊一聊 Node.js 错误处理

js 弹出层的点击事件影响到底层的点击事件_聊一聊 Node.js 错误处理

个人博客&#xff1a;https://blog.skrskrskrskr.com错误分类软件程序中&#xff0c;我们可以将错误大致分为外部错误和内部错误两大类。外部错误是正确编写的程序在运行时产生的错误。它并不是程序本身的 bug&#xff0c;更多是一些外部原因导致的问题&#xff0c;比如请求超时…
阅读更多...
spring-data-mongodb查询结果返回指定字段

spring-data-mongodb查询结果返回指定字段

方法1 DBObject dbObject new BasicDBObject(); dbObject.put("status", 1); DBObject fieldObject new BasicDBObject(); fieldObject.put("catalogName", true); fieldObject.put("_id", true); Query query new BasicQuery(dbObject, fiel…
阅读更多...
老王带你理解算法复杂度O(1),O(N),O(N^2)

老王带你理解算法复杂度O(1),O(N),O(N^2)

上图对应的是算法复杂度的图片&#xff0c;X轴对应的是n(问题规模)&#xff0c;Y轴对应的是执行的运行时间。 我们先从简单的复杂度解读O(1) 从上面的图片我们可以看到O(1)的复杂度是恒定的&#xff0c;一点波澜都没有&#xff0c;什么是O(1)呢&#xff0c;就比如你是一个酒店…
阅读更多...
【PyAutoGUI操作指南】05 屏幕截图与图像定位：截图+定位单个目标+定位全部目标+灰度匹配+像素匹配+获取屏幕截图中像素的RGB颜色

【PyAutoGUI操作指南】05 屏幕截图与图像定位：截图+定位单个目标+定位全部目标+灰度匹配+像素匹配+获取屏幕截图中像素的RGB颜色

6 屏幕截图与图像定位 PyAutoGUI可以拍摄屏幕截图&#xff0c;将其保存到文件中&#xff0c;并在屏幕中定位图像。OSX使用操作系统附带的screencapture命令。Linux使用scrot命令&#xff0c;可以通过运行sudo-apt-get-install-scrot来安装该命令。 功能介绍&#xff1a;一个需…
阅读更多...
C语言-数组a 和a 的区别

C语言-数组a 和a 的区别

面试经典题目 #include "stdio.h"int main() {int a[5] { 1,2,3,4,5 };int *ptr (int *)(&a 1);printf("%d,%d", *(a 1), *(ptr - 1));/*getchar是用VS编写方便查看输出*/getchar();return 0; }请思考一下上面的输出结果&#xff0c;如果你非常自…
阅读更多...
最新文章

Copyright @ 2022~2023