CSS only slide show (non-looping)

HTML & CSS
1

I’m trying to create a kind-of slideshow but where it ends with the last slide still showing using just CSS. I have the following Codepen https://codepen.io/gandalf458/pen/NbqoXJ I have got as far as the last slide but I can’t figure out how to stop it disappearing…

2

With all the possible combinations easy to miss

.slide5 {
  animation: fade-in 8s 16s forwards;
}

forwards
The target will retain the computed values set by the last keyframe encountered during execution. The last keyframe encountered depends on the value of animation-direction and animation-iteration-count:

4 Likes
3

Ha! brilliant, thanks Mitt.

4

Did you see this topic?

1 Like
5

I did, thanks, Sam. It’s what got me started…

G

6

Oh, I somehow missed that this was solved.
It’s been a long day. :tired_face:

1 Like
7

Take a rest!

2 Likes
8

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.