HTLM5 AND CSS

View as TextDownload

/ 1

Exam 4: Video and Animation

1. Add video “a1.mp4” to the page, size is 300px by 300px, letthe video play automatically,

rewind to play automatically (15 points)

2. Create keyframe, set 5 movements:

0% with position 0px 0px, size 260px by 260px (10 points)

25% with position 100px 100px, size 220px by 220px (10points)

50% with position 180px 180px, size 180px by 180px (10points)

75% with position 270px 270px , size 120px by 120px (10points)

100% with position 350px 350px , size 50px by 50px (10points)

3. Start the animation when “hover” (10 points)

4. Set animation duration to 3 seconds (10 points)

4. Make the animation go and back (15 points)

https://www.youtube.com/watch?v=cOn44HT4xy8&feature=youtu.be