查看效果:http://hovertree.com/texiao/jquery/58/
效果图:
代码:
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HTML5/CSS3奔跑动画DEMO演示 - 何问起</title><base target="_blank" /><link href="http://hovertree.com/texiao/jquery/58/css.css" rel="stylesheet" type="text/css" /><script src='/images/loading.gif' data-original="http://hovertree.com/texiao/css/8/prefixfree.min.js"></script></head><body><div class='kai animate' id='running'><div class='eyes'></div></div><div class='slide'><div class='stage'><div class='foreground-trees'></div><div class='landscape'></div><div class='behind-trees'></div><div class='behind-mountains'></div></div></div><div class="infohovertree">生命在于运动,奔跑吧兄弟!<br /><a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/texiao/">特效</a> <a href="http://hovertree.com/h/bjaf/5f5eiagg.htm">原文</a></div><script type="text/javascript" src='/images/loading.gif' data-original='http://down.hovertree.com/jquery/jquery-1.12.3.min.js'></script><script type="text/javascript" src='/images/loading.gif' data-original='http://hovertree.com/texiao/jquery/58/js/jquery.transform.js'></script><script type="text/javascript" src='/images/loading.gif' data-original="http://hovertree.com/texiao/jquery/58/js/index.js"></script></body></html>
转自:http://hovertree.com/h/bjaf/5f5eiagg.htm
推荐:http://hovertree.com/hvtart/bjae/yjm6v683.htm
更多特效:http://www.cnblogs.com/jihua/p/webfront.html
原标题:JS+CSS3人物奔跑动画
关键词:JS