文件名称:css3 animation transform鱼游动动画特效.zip
文件大小:453KB
文件格式:ZIP
更新时间:2022-07-31 04:12:17
js特效-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; 这是一款基于css3 animation transform属性制作的鱼游动动画特效,用background-position属性实现两条游动追逐的鱼。
【文件预览】:
css3 animation transform鱼游动动画特效
----php中文网免费下载站.txt(219B)
----image()
--------shark1.png(287KB)
--------fish8.png(101KB)
----index.html(2KB)
----QQ截图20180119100840.png(70KB)
----php中文网下载站.url(114B)