Podstawy animacji w HTML i CSS3

Transkrypt

Podstawy animacji w HTML i CSS3
Zajęcia laboratoryjne – animacje CSS3 + HTML
18 listopada 2016
1. Podstawowy kurs języka JavaScript wykorzystywany na zajęciach dostępny jest na
stronie internetowej:
http://www.w3schools.com/js/default.asp
2. Zadaniem zaliczającym laboratorium jest przygotowanie dokumentu HTML + JavaScript z animacją logo Politechniki Rzeszowskiej (plik PRz pozytyw.svg). Animacja ma być wykonywana przy użyciu technologii Transform, którą oferuje standard
CSS3. Dokładny opis na stronach:
– http://www.w3schools.com/css/css3 2dtransforms.asp
– http://www.w3schools.com/css/css3 transitions.asp
– http://www.w3schools.com/css/css3 transitions.asp
Dokument powinien zawierać co najmniej cztery animacje trwające około 10 sekund
każda. Animacje powinny uruchamiać się w momencie najechania myszką na element graficzny.
Wynikiem pracy studenta ma być pojedynczy plik HTML o nazwie: naz im.html,
gdzie naz jest nazwiskiem, a im jest imieniem (proszę nie używać polskich znaków).
Wszystkie dokumenty należy przesłać do starosty grupy, który następnie wysyła je
w jednej wiadomości na adres [email protected].
3. Elementy języka HTML i JavaScript, o których wiedzę ma posiadać student po
zaliczeniu ćwiczenia:
Podstawy JavaScript, animacje przy użyciu CSS3.

Podobne dokumenty