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

css3 animation transform鱼游动动画特效

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

点击下载预览效果

更多>

最新下载

jQuery图片堆叠点击弹出代码

jQuery图片堆叠点击弹出代码是一款创意布局的图片幻灯片插件。

0 2026-01-30

新颖简约的注册登录表单切换效果

这款新颖简约的注册登录表单切换效果网页特效，只需要单击图片中的按钮，即可自动切换登录/注册状态，效果流畅大气。

0 2026-01-30

jQuery带选项卡切换图片滚动

jQuery带选项卡切换图片滚动是一款带有左右按钮，多处控制按钮，标签选项卡的jQuery图片滚动切换特效。

0 2026-01-30

jQuery实现用户评论留言代码

jQuery实现用户评论留言代码是一款适合网站前台评论留言特效代码。

0 2026-01-30

jquery大图左右按钮点击切换

jquery大图左右按钮点击切换是一款带有左右按钮和圆形边框的jquery图片切换代码。

0 2026-01-30

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

16417 2025-08-28
CSS3 教程

1547205 2025-08-27
Rust 教程

23515 2025-08-27
Vue 教程

25931 2025-08-22
PostgreSQL 教程

22435 2025-08-21
Git 教程

9360 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;