CSS transition հատկություն

Հատկանշում է չորս անցումային հատկությունները կրճատ գրելաձևով:

Օրինակ

div {
    width: 100px;
    transition: width 2s;
    /* Safari */
    -webkit-transition: width 2s;
}
div:hover {
    width: 300px;
}
Փորձել
Նախնական արժեք all 0 ease 0
Ժառանգվող
Անիմացվող
JavaScript սինթաքս օբյեկտ.style.transition="width 2s"
Արժեք Բնութագիր
transition-delay Հատկանշում է, թե երբ պետք է սկսի անցումային ազդեցութունը:
transition-duration Հատկանշում է, թե քանի վայրկյան կամ միլիվայրկյան է հարկավոր անցումային ազդեցությանը ավարտվելու համար:
transition-property Հատկանշում է անվանում CSS հատկության համար, որի համար նախատեսված է անցումային ազդեցությունը/էֆեկտը:
transition-timing-function Հատկանշում է անցումային ազդեցության կորության արագությունը:
initial Վերագրում է այս հատկությունն իր նախնական արժեքին:
inherit Ժառանգում է այս հատկությունն իր ծնող տարրից: