查看“CSS案例:动画实现繁星漂移”的源代码
←
CSS案例:动画实现繁星漂移
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
<nowiki><!doctype html> <html> <head> <title>ÐÇ¿Õ</title> <style type="text/css"> html,body{margin: 0; } .wall { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } @keyframes starmove { from {background-position: 0% 0%;} to {background-position: 600% 0%;} } div#background { background: black url('img/background.png') repeat-x 5% 0%; animation: starmove 200s linear infinite; } div#midground { background: url('img/midground.png') repeat 20% 0%; z-index: 1; animation: starmove 100s linear infinite; } div#foreground { background: url('img/foreground.png') repeat 35% 0%; z-index: 2; animation: starmove 50s linear infinite; } </style> </head> <body> <div id="background" class="wall"></div> <div id="midground" class="wall"></div> <div id="foreground" class="wall"></div> </body> </html></nowiki>
返回至
CSS案例:动画实现繁星漂移
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息