CSS transition 属性

Paglilinaw at Paggamit

Ang atrributo ng transition ay isang maikling atrributo, na ginagamit upang itaas ang apat na atrributo ng transition:

Komento:Palaging itaas ang transition-duration Huwag palaging itaas ang, kung hindi, ang haba ng oras ay 0, walang epekto ng transition.

Mga iba pang babasahin:

Tuturo sa CSS:CSS 过渡

Manwal ng HTML DOM:Atrributo ng Transition

Halimbawa

Ilagay ang mouse pointer sa div element, ang lapad nito ay magiging mula 100px hanggang 300px:

div {
  width: 100px;
  transition: width 2s;
}

Subukan Nang Sarili

Grammar ng CSS

transition: property duration timing-function delay;

Halaga ng Atrributo

Halaga Paglalarawan
transition-property Tinukoy ang pangalan ng CSS property na itataas ang transition.
transition-duration Tinukoy kung anong segundo o milisekundo ang kailangan para makumpleto ang transition.
transition-timing-function Tinukoy ang kurva ng bilis ng epekto ng pagtunay.
transition-delay Tinukoy kung kailan magsisimula ang epekto ng transition.

Detalye ng Teknolohiya

Default Value: all 0 ease 0
Inheritance: no
Bersyon: CSS3
Grammar ng JavaScript: object.style.transition="width 2s"

Suporta ng Browser

Ang numero sa talahanayan ay nagpapahiwatig na anong bersyon ng browser ang ganap na sumusuporta sa katangian.

Ang numero na may -webkit-、-moz- o -o- ay nangangahulugan na ang unang bersyon na gamit ang prefix.

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-