当前位置：首页 > 下载站 > js特效 > CSS3特效 > css3 animation transform鱼游动动画特效

css3 animation transform鱼游动动画特效

分类: js特效 / CSS3特效	发布时间: 2018-01-19	访问量: 2400
下载量: 45

点击下载预览效果

更多>

最新下载

jQuery鼠标滚轮控制幻灯片切换

jQuery鼠标滚轮控制幻灯片切换是一款基于jQuery实现的鼠标滚轮控制幻灯效果。

0 2026-01-30

jQuery微信手机端答题表单特效

jQuery微信手机端答题表单特效是一款手机微信常用的两学教育答题系统下载。

0 2026-01-30

js正则表达式表单验证代码

js正则表达式表单验证代码是一款支持多种不同条件不同效果的表单验证代码

0 2026-01-30

CSS3图片形状遮罩动画效果

CSS3图片形状遮罩动画效果是一款鼠标移动图片显示带动画的遮罩效果。本作品由【站长素材】收集整理，转载请注明出处！

0 2026-01-30

div css手机网站login表单特效

div css手机网站login表单特效是一款适合手机移动端登录表单代码下载。

0 2026-01-30

qq空间遮罩层jQuery相册切换

qq空间遮罩层jQuery相册切换是一款鼠标点击图片弹出带左右箭头遮罩效果图片切换代码。

0 2026-01-30

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

16453 2025-08-28
CSS3 教程

1547277 2025-08-27
Rust 教程

23546 2025-08-27
Vue 教程

25948 2025-08-22
PostgreSQL 教程

22453 2025-08-21
Git 教程

9372 2025-08-21

css3 animation transform鱼游动动画特效

<head lang="en">
<meta charset="UTF-8">
<title>css3 animation transform鱼游动特效</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<style>
body{
background-color: lightblue;
overflow:hidden;
}
.fishbox{
width: 200px;
height: 200px;
/*background-color: rgba(0,0,0,0.4);*/
position: absolute;
left:0;
top:0;
animation: run 20s linear infinite;
animation-direction: normal;
}
.fish{
width: 174px;
height: 126px;
position: absolute;
left:35%;
top:0;
background:url(image/fish8.png) no-repeat left top;
/*transition:all 0.8s steps(8) ;*/
animation:active1 0.8s steps(8) infinite;