Prijelaz-svojstvo - CSS-trikovi

Anonim

transition-propertyImovine, obično se koristi kao dio transitionstenogram, koristi se za definiranje što entitet ili svojstva, želite primijeniti prijelazno učinak.

To se postiže davanjem imena nekretnine kao vrijednosti:

.example ( transition-property: color; )

Vrijednost može biti jedna od sljedećih:

  • Jedno ime svojstva, kao u gornjem primjeru
  • Popis imena svojstava odvojenih zarezom (stenografsko ili dugopisno) za prijelaz više svojstava na jedan element
  • Ključna riječ nonekoja označava da nijedno svojstvo neće prijeći
  • Ključna riječ allkoja označava da će sva svojstva prijeći (zadano)

Kada zarez odvajanje vrijednosti, nazivi objekta u osnovi su mapirani na drugim svojstvima prijelaza određenim ( transition-timing-function, transition-durationi transition-delay). Dakle, to znači da ako popis svojstava odvojenih zarezom uključuje jedno ili više imena svojstava koja su nevaljana, druga svojstva će i dalje prijeći i preslikati se na svoja predviđena povezana svojstva prijelaza.

Specifikacija to opisuje rekavši:

"(U) neprepoznata ili neživa svojstva moraju se čuvati na popisu kako bi se sačuvalo podudaranje indeksa."

Kada koristite vrijednost noneili univerzalne ključne riječi inheritili initial, te se vrijednosti ne mogu koristiti kao dio popisa odvojenog zarezom, u protivnom će to rezultirati sintaksnom pogreškom i cijeli će se redak zanemariti.

Za kompatibilnost u svim podržanim preglednicima potrebni su prefiksi dobavljača, sa standardnom sintaksom koja je proglašena zadnjom:

.example ( -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; )

IE10 (prva stabilna verzija IE-a koja podržava transition-property) ne zahtijeva -ms-prefiks.

Podrška preglednika

Krom Safari Firefox Opera IE Android iOS
Djela Djela 4+ 10,5+ 10+ 2.1+ 3,2+