Heim > Artikel > Web-Frontend > 在网页中制作动画
在网页中制作动画
- 阿神Original
- 2016-11-08 14:37:471719Durchsuche
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
@-webkit-keyframes 'fkf'
{
from {
width:500px;
height: 500px;
background-color:#ff0000;
}
to
{
width:500px;
height: 500px;
background-color: #00ff00;
margin-left: 800px;
}
}
.table1 {
width: 500px;
height: 500px;
-webkit-animation-name: 'fkf';
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count:10000;
}
</style>
</head>
<body>
<div class="table1"></div>
</body>
</html>
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：实现发送短信验证码后60秒倒计时Nächster Artikel：canvas动画时钟