transition

Transition

Bahasa Inggeris [trænˈzɪʃn] AS [trænˈzɪʃən, -ˈsɪʃ-]

harta peralihan css sintaks

Fungsi: Sifat peralihan ialah sifat trengkas untuk menetapkan empat sifat peralihan: peralihan-sifat peralihan-tempoh peralihan-pemasa-fungsi peralihan-penangguhan

Sintaks: peralihan: tempoh masa sifat penangguhan fungsi;

Penerangan: transition-property menentukan nama sifat CSS yang menetapkan kesan peralihan. Tempoh peralihan menentukan berapa saat atau milisaat yang diperlukan untuk melengkapkan kesan peralihan. Fungsi pemasaan peralihan menentukan lengkung kelajuan kesan kelajuan. Kelewatan peralihan mentakrifkan apabila kesan peralihan bermula.​

Nota: Sila tetapkan atribut tempoh peralihan, jika tidak, tempohnya ialah 0 dan tiada kesan peralihan.

harta peralihan css contoh

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:100px;
height:100px;
background:blue;
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}
div:hover
{
width:300px;
}
</style>
</head>
<body>
<div></div>
<p>请把鼠标指针移动到蓝色的 div 元素上，就可以看到过渡效果。</p>
<p><b>注释：</b>本例在 Internet Explorer 中无效。</p>
</body>
</html>

Run Instance »

Klik butang "Run Instance" untuk melihat instance dalam talian