18. Transitions

Sto je to?

Cemu sluzi?

Kako se koristi?

Antonija pokazuje

transition-property

transition-duration

transition-timing-function

transition-delay

shorthand

Koji property nemaju transition?

Kodiramo skupa

Button hover bg change

Antonija pokazuje

.button {
  background-color: white;
}

.button:hover {
  background-color: aqua;
}

Zadaća

  1. Napravi button sive boje
  2. Kad se button hovera, treba se promijeniti boja teksta iz crnog u zeleno
  3. Promjena se treba dogoditi u 0.5 sekundi
  4. Promjena se treba dogoditi čim se element hovera
  5. Promjena treba izgledati smooth: https://cubic-bezier.com