Tempusfugit UK

An Automatic Slideshow

1 / 3
Caption Text
2 / 3
Caption Two
3 / 3
Caption Three

The code on this page was taken from the example on the W3C Schools website

Code analysis

There a few things that I need to look at here. There are some -webkit stuff in the css and some animation gong on.

The images need to be the same aspect ratio or this text will jump around the screen if the bottom menu item is selected.

-webkit-animation-duration: 1.5s;

@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}

Links

External Sources

Bottom Title