Tranziții CSS. Proprietăți: transition, transition-delay, transition-duration, transition-property, transition-timing-function. Asistență browser pentru tranziții. Prefixuri specifice browserului.
Partajeaza in Google Classroom
Teorie: Descriere video Descarcă PDF
Tranzițiile CSS vă permit să modificați valorile proprietății fără probleme, pe o durată dată.
În acest capitol veți afla despre următoarele proprietăți:
- transition
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
Asistență browser pentru tranziții
Numerele din tabel specifică prima versiune a browserului care acceptă integral proprietatea.
Prefixuri specifice browserului
Unele browsere mai vechi au nevoie de prefixuri specifice (-webkit-) pentru a înțelege proprietățiile de tranziție:
Exemplu:
div {
width: 100px;
height: 100px;
background: red;
-webkit-transition: width 2s; /* Safari prior 6.1 */
transition: width 2s;
}