css控制div上浮下落
2024-04-06 21:14:56
CSS3 示例：http://www.w3school.com.cn/cssref/pr_keyframes.asp
以下是代码：
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:red;
position:relative;
-webkit-animation:mymove 5s; /* 不支持IE */
animation:mymove 5s; /* 支持IE */
}
@-webkit-keyframes mymove /* Safari and Chrome */
{
0% {top:0px;}
20% {top:200px;}
40% {top:100px;}
60% {top:200px;}
80% {top:150px;}
100% {top:200px;}
}
@keyframes mymove
{
0% {top:0px;}
20% {top:200px;}
40% {top:100px;}
60% {top:200px;}
80% {top:150px;}
100% {top:200px;}
}
</style>
</head>
<body>
<div></div>
</body>
</html>
最新文章
- ORACLE Linux以及 Unbreakable Enterprise Kernel
- java 级联删除文件夹下的所有文件
- Ubuntu14.04安装MySQL-python异常： mysql_config: not found,Command "python setup.py egg_info" failed with error code 1 in /tmp/pip-build-MJWMPd/MySQL-python/
- 正确使用stl map的erase方法
- System,Integer,Calendar,Random和容器
- mac 神奇时光机
- structs2标签
- 关于JavaScript中的编码和解码函数
- combobox数据获取及使用总结
- 结合JDK源码看设计模式——建造者模式
- node vue
- idftp
- DAY2---Python---While循环,格式化输出,运算符,编码
- 求最小生成树的kruskal算法
- MyCat读写分离、分库分表
- 在Linux下判断系统当前是否开启了超线程
- docker 私有仓库的创建
- 微软七届MVP桂素伟：移动互联网与职业规划
- Android——布局（线性布局linearLayout,表格布局TableLayout,帧布局FrameLayout）
- 最近ES遇到discover老是失败问题，ping主节点和node节点正常，抓包发现了大量的retransmission、tcp out of order、dup ack问题。