[TeflonDon]

Mam diva, wewnątrz, którego mam inne elementy, które animuję poprzez keyframes. Animacja polega mniej więcej na tym, że pojawia się jeden element, zanika on po czym pojawia się drugi itd. Wszystko działa cacy tylko nie mogę zapętlić animacji.
Główny kontener dla, wewnątrz którego są animowane elementy ma taki kod

.animation-content {
 width: 750px;
 height: 100px;
 overflow: hidden;
 position: relative;
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
}

przykladowy kod dla animowanego elementu wewnatrz powyzszego diva

.animation-content .splash-animation {
 animation: splash-animation 11s linear 0s 1 normal forwards;
 -webkit-animation: splash-animation 11s linear 0s 1 normal forwards;
 -moz-animation: splash-animation 11s linear 0s 1 normal forwards;
}

Jakieś pomysły/uwagi co robię źle?

#webdev #webdevhelp #css #css3

[b.....a]

@TeflonDon: a to nie tak że zapętlasz animacje na dzieciach nie rodzicu? nazwe animacji masz na divach wewnatrz

[TeflonDon]

@biala-panda: no niby tak, tylko jak uzyskac efekt zapetlenia w takim razie. Ustawic np. delay w taki sposob zeby animacja np. 1 elementu zaczela sie gdy tylko ostatni skonczy sie animowac? Tylko z drugiej strony to tez lipa rozwiazanie bo np. ustawie delay 9s to po odswiezenu strony bede czekal te 9s az calosc zacznie sie ruszac ( ͡° ʖ̯ ͡°)

[TeflonDon]

wrzucam jeszcez codepen. Chcialbym aby animacja po zakonczeniu wystartowala od nowa
codepen