英[dju?re??n ] AS [du?re??n]
n Tempoh, tempoh, tempoh; ketekunan, kesinambungan, tempoh bunyisifat tempoh animasi css3 sintaks
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 css3 contoh
<!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>始終規(guī)定 animation-duration 屬性，否則時長為 0，就不會播放動畫了。</p>
</body>
</html>Run Instance ?
Klik butang "Run Instance" untuk melihat instance dalam talian