Wprowadzenie:
Nikt nie lubi, gdy elementy na stronie „migają” gwałtownie. Dzięki transition sprawisz, że zmiana koloru po najechaniu myszką czy powiększenie zdjęcia odbędzie się płynnie. To najprostszy sposób na ożywienie interfejsu.
Kluczowe zagadnienia:
- Właściwość
transition. - Czas trwania animacji (
duration). - Funkcja czasu (
ease,linear).
Sprawdź wiedzę (Pytania do filmu):
- Co robi transition?
- Co oznacza 0.3s?
- Jaka właściwość jest wymagana do działania transition?
- Czy transition działa na
display: none? - Gdzie wpisujemy transition (w hover czy base)?