Witam, próbuje zrobić animacje aby napisy się pojawiały i znikały, chce aby dana sekwencja robiła się w nieskończoność, ale jeżeli dam 'infinite' to powtarzają się w nieskończoność ale wszystkie na sobie nałożone.
#home > .contenthome > p {
position: absolute;
padding: 100px 0;
text-align: center;
bottom: 0;
margin: 0 auto;
left: 0;
right: 0;
z-index: 1;
color: white;
font-size: 100px;
font-weight: bold;
letter-spacing: 10px;
animation: przymiotniki 6s;
opacity: 0;
}
#home > .contenthome > p:nth-child(2) {
animation-delay: 6s;
}
#home > .contenthome > p:nth-child(3) {
animation-delay: 12s;
}
#home > .contenthome > p:nth-child(4) {
animation-delay: 18s;
}
@keyframes przymiotniki {
30%, 90% {opacity:1;}
}
<div id="home">
<div class="contenthome">
<p>KREA<font color="red">TY</font>WNY</p>
<p>EMPA<font color="red">TY</font>CZNY</p>
<p>OTWAR<font color="red">TY</font></p>
<p>KOMUNIKA<font color="red">TY</font>WNY</p>
</div>
</div>