<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css3仿淘宝支付成功打勾动画特效 - 网页模板</title>
<style type="text/css">
div{position: relative;}
div img{width: 100px;height: 100px;}
.div11{position: absolute;width: 100px;height: 100px;animation: myfirst 5s;
-moz-animation: myfirst 3s; /* Firefox */
-webkit-animation: myfirst 3s; /* Safari 和 Chrome */
-o-animation: myfirst 3s;top: 0;background:#fff;left:0;}
@keyframes myfirst
{
0% {left: 0;}
100% {left:100px;}
}
@-moz-keyframes myfirst /* Firefox */
{
0% {left: 0;}
100% {left:100px;}
}
@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
0% {left: 0;}
100% {left:100px;}
}
@-o-keyframes myfirst /* Opera */
{
0% {left: 0;}
100% {left:100px;}
}
</style>
</head>
<body>
<div>
<img src="duihao.png"/>
<div class="div11"></div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>来源:<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>