18. Transitions

Sto je to?

Cemu sluzi?

Kako se koristi?

Antonija pokazuje

transition-property

transition-duration

transition-timing-function

Poigraj se

https://cubic-bezier.com/

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

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

18. Transitions

By tonkec palonkec

18. Transitions

80

tonkec palonkec