как да спрете css анимацията

Добър ден на всички, за първи път се сблъсках с css анимация. всичко изглежда работи, но тя се движи в кръг и трябва да спре след показването на последния слайд. Е, или как се опитах да спра на 14-та секунда. Разбирам, че въпросът е дребен и грешката е пред носа, мушнете неопитните)

вече се играе веднъж, но спира на първия кадър, а на мен ми трябва на последния)

Разбирам, че въпросът е глупав, но ми омръзна да си играя с него, като гледам кода си, кажете ми към кой елемент трябва да приложите свойството на анимацията, в противен случай вече го поставям където искате, нулеви емоции, анимацията не се подчинява

div-webkit-animation: избледняване 3s; /* Chrome, Safari, Opera */ -webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */ -webkit-animation-fill-mode: напред; /* Chrome, Safari, Opera */ анимация: избледняване 3s; брой итерации на анимация: 1; animation-fill-mode: напред; >

#fade -webkit-animation-fill-mode: напред; /* Chrome, Safari, Opera */ animation-fill-mode: напред; > .позиция на плъзгача: абсолютна; -webkit-animation: избледняване 3s; /* Chrome, Safari, Opera */ -webkit-animation-iteration-count: 1; /* Chrome, Safari, Opera */ -webkit-animation-fill-mode: напред; /* Chrome, Safari, Opera */ анимация: избледняване 3s; брой итерации на анимация: 1; animation-fill-mode: напред; >

---