sifat tempoh animasi css3
Hasil terjemahan：
Animasi
Run Instance »
英[djuˈreɪʃn ] AS [duˈreɪʃn]
n Tempoh, tempoh, tempoh; ketekunan, kesinambungan, tempoh bunyisifat tempoh animasi css3sintaks
Fungsi: Atribut animation-duration mentakrifkan masa yang diperlukan untuk animasi melengkapkan kitaran, diukur dalam saat atau milisaat.
Sintaks: tempoh-animasi: masa
Penerangan: masa menentukan masa yang diperlukan untuk menyiapkan animasi. Nilai lalai ialah 0, yang bermaksud tiada kesan animasi.
Nota: Internet Explorer 9 dan versi terdahulu tidak menyokong atribut tempoh animasi.
Masa yang diperlukan untuk menyiapkan animasi boleh ditetapkan melalui sifat tempoh animasi dalam CSS3. Dalam saat atau milisaat, nilai lalainya ialah 0, yang bermaksud tiada kesan animasi
sifat tempoh animasi css3contoh
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:red;
position:relative;
animation:mymove infinite;
animation-duration:2s;
/* Safari and Chrome */
-webkit-animation:mymove infinite;
-webkit-animation-duration:2s;
}
@keyframes mymove
{
from {top:0px;}
to {top:200px;}
}
@-webkit-keyframes mymove /* Safari and Chrome */
{
from {top:0px;}
to {top:200px;}
}
</style>
</head>
<body>
<p><strong>注释：</strong>Internet Explorer 9 以及更早的版本不支持 animation-name 属性。</p>
<div></div>
<p><b>注释：</b>始终规定 animation-duration 属性，否则时长为 0，就不会播放动画了。</p>
</body>
</html>Run Instance »
Klik butang "Run Instance" untuk melihat instance dalam talian