Veturia transition

Veturia transition është një shkurtim për tranzicione të qetë, lejon vendosjen e njëkohshme të transition-duration, transition-property, transition-timing-function dhe transition-delay.

Sintaksa

përzgjedhës {
	transition: vlera;
}

Rendi i veturive nuk ka rëndësi, megjithatë koha e ekzekutimit (transition-duration) duhet të jetë para vonesës (transition-delay).

Vlerat

Shih veturitë përkatëse. Vlera e paracaktuar: all 0s ease 0s.

Vlera none anulon të gjitha tranzicionet (ato do të ndodhin në çast).

Shembull

Vendos miun mbi bllok - për 3 sekonda nuk do të ndodhë asgjë (ka një vonesë prej 3s), pastaj ai do të ndryshojë gjerësinë e tij në mënyrë të qetë për 2 sekonda. Nëse pastaj e largon miun - përsëri për 3 sekonda nuk do të ndodhë asgjë, pastaj gjerësia do të ulet në mënyrë të qetë në vlerën fillestare:

<div id="elem"></div>

#elem {
	border: 1px solid black;
	transition: width 2s ease 3s;
	width: 100px;
	height: 50px;
}
#elem:hover {
	width: 400px;
}

Shihni gjithashtu

veturia animation,
që mund të përdoret për të krijuar animacione