sifat tempoh animasi css3


  Hasil terjemahan：
Animasi

英[djuˈreɪʃn ] AS [duˈreɪʃn]

n Tempoh, tempoh, tempoh; ketekunan, kesinambungan, tempoh bunyi

sifat 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

Cadangan popular

Rumah

video

Soal Jawab

serahkan