Mfano wa transition katika CSS

Inadefiniwa na matumizi

Tabia ya transition inaonekana kama tabia ya kizito, inasababisha kumiliki watu wawili wa tabia ya kuzia kawaida:

Maelezo:Inafikia kwamba inahitajika kumiliki tabia ya transition transition-duration Inaonekana kwamba tabia ya transition inasababisha kumaliza utafiti wa kijumui kwa wakati au muda wa 0, hatazwi kumiliki utafiti wa kijumui.

Tazama pia:

Makao ya CSS:Mfano wa transition katika CSS

Kitabu cha kifungu cha HTML DOM:Tabia ya transition

Mifano

Wingilisha kipenyo cha kipande cha div, na uwezo wake huitaka kuwa kubwa na kuzingatia kwa kina:

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

Jifunze tena

Inayotumiwa na CSS Grammar

transition: property duration timing-function delay;

Inasababisha kumaliza utafiti wa kijumui kwa kifungu cha CSS cha kuzia kawaida.

Inasababisha kumaliza utafiti wa kijumui kwa kifungu cha CSS cha kuzia kawaida. Inasababisha kumaliza utafiti wa kijumui kwa kifungu cha CSS cha kuzia kawaida.
transition-property Inasababisha kumaliza utafiti wa kijumui kwa kifungu cha CSS cha kuzia kawaida.
transition-duration Inasababisha kumaliza utafiti wa kijumui kwa wakati au mikurasi.
transition-timing-function Inasababisha kiwango cha faida ya kijumui ya kidadi.
transition-delay Inadefiniwa kwa sasa kuanza utafiti wa ukweli.

Vitoelezo ya teknolojia

Kivinua cha msingi: all 0 ease 0
Uhusiano wa kuwepo: no
Version: CSS3
Inayotumiwa na JavaScript Grammar: object.style.transition="width 2s"

Matumizi ya kifungu

Namba za jadwali inasema version ya kwanza ya kufikia tabia kwa kawaida.

Mwili wa namba iliyotumiwa na -webkit-, -moz- au -o- ina maana ya kuanzisha version ya kwanza ya kuzia kawaida.

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-