W pliku circle.html dane jest koło.
Ćwiczenie 12.5:
- Zrób, aby po kliknięciu na kole jego średnica w ciągu 3 sekund płynnie powiększyła się do 300 pikseli.
Dalej, po ukończeniu animacji koła niech jego kolor też w ciągu trzech sekund zmieni się na żółty.
Po ukończeniu animacji koloru pośrodku koła ma pojawić się napis „Lasto beth lammen”, pogrubiony, o rozmiarze 24 pikseli.
Rysunek 12.3 przedstawia wynik końcowy animacji
Zwróć uwagę na właściwości
transitionProperty,transitionDurationelementów DOM. Oraz na zdarzenietransitionend
