Tranziții CSS. Proprietăți: transition, transition-delay, transition-duration, transition-property, transition-timing-function. Asistență browser pentru tranziții. Prefixuri specifice browserului.

Susține Lectii-Virtuale!

Tranziții CSS

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;
}