Project 5

This project has asked me to create an animated dropdown menu which I enjoy very much

1. /* Transition Styles */

2. nav#topLinks a {

3.  color: rgb(255, 255, 255);

4.  font-size: 1em;

5.  letter-spacing: 0em;

6.  text-shadow: rgba(0, 0, 0, 1) 1px -1px 1px;

7.  transition: color 1.5s ease-in 0.5s, font-size 2s ease,

8.    letter-spacing 2s ease-out, text-shadow 2s cubic-bezier(0.6, 0, 0.8, 0.5);

9. }

10. nav#topLinks a:hover {

11.  color: rgb(255, 183, 25);

12.  font-size: 3em;

13.  letter-spacing: 0.1em;

14.  text-shadow: rgba(0, 0, 0, 0.5) 15px -3px 8px;

15. }

16. /* Marquee Styles */

17. div#marquee {

18.  position: relative;

19. }

20. table#filmlist {

21.  position: absolute;

22. }

23. /* Keyframe Styles */

24. @keyframes scroll {

25.  0% {

26.    top: 250px;

27.  }

28.  100% {

29.    top: -1300px;

30.  }

31. }

33. /* Animation Styles */

34. div#marquee table {

35.  animation: scroll 50s linear infinite;

36. }

37. div#marquee:hover table {

38.  animation-play-state: paused;

39. }

In a world of media filled websites, it is such a change when you have option to design a space specifically for sound and visual, so do not get distracted from the literary