W pliku circle.html
dany jest okrąg.
Ćwiczenie 9.5:
-
Zrób, aby po kliknięciu na okręgu jego średnica w ciągu 3 sekund płynnie powiększyła się do 300 pikseli.
-
Po ukończeniu animacji (nie wcześniej, bo się nie zmieści) pośrodku okręgu ma pojawić się napis „Lasto beth lammen”, pogrubiony, rozmiaru 24 pikseli.
Rysunek 9.1 przedstawia wynik końcowy animacji
Zwróć uwagę na właściwości transitionProperty
, transitionDuration
elementów DOM. Oraz na zdarzenie transitionend