html元素上下移动,一个可以上下摆动的html元素
就是一个简单CSS3 动画
.light_pc {
width: 93px;
height: 9px;
position: absolute;
top: 0;
left: 50%;
margin-left: -46px;
background: url(https://zm.res.netease.com/pc/fab/20161226201931/img/light_pc_f3d5dee.png?_sprite) no-repeat;
-moz-animation: light_pc 4s linear 0s infinite;
-webkit-animation: light_pc 4s linear 0s infinite;
-o-animation: light_pc 4s linear 0s infinite;
-ms-animation: light_pc 4s linear 0s infinite;
animation: light_pc 4s linear 0s infinite
}
@-webkit-keyframes light_pc {
0% {
top: 0
}
50% {
top: 83px
}
100% {
top: 0
}
}
@-moz-keyframes light_pc {
0% {
top: 0
}
50% {
top: 83px
}
100% {
top: 0
}
}
@-ms-keyframes light_pc {
0% {
top: 0
}
50% {
top: 83px
}
100% {
top: 0
}
}
@-o-keyframes light_pc {
0% {
top: 0
}
50% {
top: 83px
}
100% {
top: 0
}
}
@keyframes light_pc {
0% {
top: 0
}
50% {
top: 83px
}
100% {
top: 0
}
}
html元素上下移动,一个可以上下摆动的html元素相关推荐
- Java求和元素_实现一个List集合中的某个元素的求和
List userlist = userService.findAll(); Integer sum= userlist .stream().collect(Collectors.summingInt ...
- Java判断一个数组是否有相同的元素
1.如果只是需要判断是否包含相同元素而不需要找出相同元素是哪些,直接放在set集合中,然后看set集合和数组长度是否一致即可 import java.util.HashSet; import java ...
- 【Java面试题】54 去掉一个Vector集合中重复的元素
在Java中去掉一个 Vector 集合中重复的元素 1)通过Vector.contains()方法判断是否包含该元素,如果没有包含就添加到新的集合当中,适用于数据较小的情况下. import jav ...
- ACMNO.19 C语言-对角求和 求一个3×3矩阵对角线元素之和。 输入 矩阵 输出 主对角线 副对角线 元素和 样例输入 1 2 3 1 1 1 3 2 1 样例输出 3 7
这个我做了改进,可以实现NXN的矩阵.求出对角线之和! 只需要修改定义的define z的值就好! 接下来,进入正题! 题目描述: 求一个3×3矩阵对角线元素之和. 输入 矩阵 输出 主对角线 副对角 ...
- 如何使用jquery判断一个元素是否含有一个指定的类(class)
如何使用jquery判断一个元素是否含有一个指定的类(class) 一.总结 一句话总结:可以用hasClass方法(专用)和is方法 1.is(expr|obj|ele|fn)的方法几个参数表示什么 ...
- 递归算法之排列组合-求一个集合S的m个元素的组合和所有可能的组合情况
求一个集合S的m个元素组合的所有情况,并打印出来,非常适合采用递归的思路进行求解.因为集合的公式,本身就是递归推导的: C(n,m) = C(n-1,m-1) + C(n-1,m). 根据该公式,每次 ...
- html中可以添加几个类,从一个类中向一个HtmlHead对象添加多个元素
我有一个页面的网站.我有4页所有页面都使用的主页面.每个页面使用不同的CSS和JavaScript头部标签内部.我想通过调用引用数据库表的类来添加标题,元描述和元关键字标记.但是,我无法找到一种方法将 ...
- php去除数组中的第一个元素,php如何删除数组的第一个元素和最后一个元素
对于一个php数组,该如何删除该数组的第一个元素或者最后一个元素呢?其实这两个过程都可以通过php自带的函数 array_pop 和 array_shift 来完成,下面就具体介绍一下如何来操作. ( ...
- Java黑皮书课后题第8章:*8.25(马尔可夫矩阵)一个n*n的矩阵,如果每个元素都是正数,并且每列的元素的和为1,则成为正马尔可夫矩阵。编写下面的方法来检测矩阵是否是马尔可夫矩阵
*8.25(马尔可夫矩阵)一个n*n的矩阵,如果每个元素都是正数,并且每列的元素的和为1,则成为正马尔可夫矩阵.编写下面的方法来检测矩阵是否是马尔可夫矩阵 题目 题目描述与运行示例 破题 代码 题目 ...
最新文章
- Modelsim仿真时不能编译`include文件解决办法
- 用ZipInputStream和ZipOutputStream实现文件及文件夹的压缩解压
- 让你成为有钱人的25种方法!
- 数学图形(2.23)Cylindric sine wave柱面正弦曲线
- VS2010-MFC(对话框:一般属性页对话框的创建及显示)
- threadgroup_Java ThreadGroup toString()方法与示例
- netmiko 记录日志_Pythonnetmiko模块的使用 | 学步园
- 用Azure Application Insights 监控Python应用(1)
- Redis入门小案例
- C语言 汇总笔记(小甲鱼:带你学C带你飞)
- QT实现经纬度转换为图片像素坐标
- maven-repository文件
- 模拟django-simple-captcha实现中文验证码、数字及字母验证码、计算题验证码功能
- Navigation网站收藏和导航平台
- 阿里淘系优质开源项目推荐(下)
- 计算机图形学笔记十:Geometry3(网格处理)
- 数据分析过程中,我们常犯的错误有哪些?
- 操作系统原理,物理内存“扩充”技术,内存紧缩,覆盖,交换,虚拟内存思想
- System32和SysWoW64的区别(转载)
- 开发板给电脑自动分配IP?手把手教部署零配置网络实现电脑与开发板直连
热门文章
- POJ 2182 Lost Cows
- ThinkJS框架入门详细教程(二)新手入门项目
- C语言 · 8皇后问题改编
- 清除Outlook 2013中缓存的邮件地址
- 【转载】进程与线程的区别
- 我是WPF菜鸟之(4)---关于XAML与逻辑代码
- 【信息系统项目管理师】第3章-项目立项管理 知识点详细整理
- android悬浮控件-仿360手机助手应用详情页
- Node.js+windows
- Android7.0以上增加(/system/lib/libtest.so)系统库文件